Javascript를 사용한 간단한 URL 유효성 검사

URL이 Javascript에서 유효한지 확인하는 간단한 방법이 있습니다. 지저분한 Regex가 필요하지 않습니다.

const url = new URL(url [, base])

base is only required if you enter a relative URL.

여기서 유일한 문제는... IE는 이것을 지원하지 않는다는 것입니다. IE 지원이 필요하지 않은 경우, 예: 내부 팀을 위한 관리 도구를 구축하거나 브라우저 인스턴스에서 실행되는 등, 이것을 사용하십시오!

독립 실행형 테스트로 사용할 수 있습니다.

export const isValidUrl = (url) => {
  try {
    new URL(url);
  } catch (e) {
    console.error(e);
    return false;
  }
  return true;
};

그리고 Yup 스키마와 통합할 수 있습니다.

const schema = yup.object().shape({
  url: yup
    .string()
    .test("is-url-valid", "URL is not valid", (value) => {
      return isValidUrl(value);
    })
});

Reference

이 문제에 관하여(Javascript를 사용한 간단한 URL 유효성 검사), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/calvinpak/simple-url-validation-with-javascript-4oj5

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다