JavaScript - 유용한 정규식 예제들

 

 

내가 보려고 만든 유용한 정규식 예제들 🤩

정규식은 사랑입니다 💝

(계속 업데이트 해서 채워나갈 예정) 

 

---

JavaScript - 유용한 정규식 예제들

 

 

 URL 검사 

const validURL = (url: string): boolean => {
  if (!url) {
    return false;
  }

  const regex =
    /(http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-/]))?/g;
  return regex.test(url);
};

 

 

 

 이메일 검사 

const validEMAIL = (email: string): boolean => {
  if (!email) {
    return false;
  }
  
  const regex = /^([\w._-])*[a-zA-Z0-9]+([\w._-])*([a-zA-Z0-9])+([\w._-])+@([a-zA-Z0-9]+\.)+[a-zA-Z0-9]{2,8}$/;
  return regex.test(email);
};

 

 

 전화번호 검사 

const validPHONE = (phone: string): boolean => {
  if (!phone) {
    return false;
  }
  
  const regex = /^010-?([0-9]{4})-?([0-9]{4})$/;
  return regex.test(phone);
}

 

 + 전화번호에  하이픈 붙여주기

JavaScript - 정규식 전화번호 입력시 하이픈(-) 추가하기

 

 

HTML 특정 태그 제거하기

<p>
  새발컴퍼니 구내식당
  <img src="img_welcome_cafeteria.png">
</p>

<ol>
  <h1>오늘의 메뉴</h1>
  <li>순대국밥</li>
  <li>된장찌개</li>
</ol>

<p><img src="img_food.png"></p>

const imgTag = /<(\/img|img)([^>]*)>/gi;
const textContent = foodContent.trim().replaceAll(imgTag, '');

 

새발컴퍼니 구내식당오늘의 메뉴순대국밥된장찌개