JavaScript 유효성 검사 : 양식 및 이메일 유효성 검사에 대해 알아야 할 모든 것



JavaScript 유효성 검사에 대한이 기사는 양식 유효성 검사에 대한 심층적 인 지식을 제공합니다. javascript를 사용하여 양식의 유효성을 검사하는 예제를 제공합니다.

JavaScript는 다음에서 가장 많이 사용되는 언어 중 하나입니다. , 프런트 엔드 및 백 엔드 개발. 아름답게 디자인 된 웹 사이트를 만드는 데 사용됩니다. JavaScript에서 유효성 검사는 사용자를 인증하는 데 사용됩니다. 이것에 자바 스크립트 유효성 검사 기사, 다음 순서로 양식 유효성 검사에 대해 학습합니다.

자바 스크립트 란?

이다 높은 수준, 해석 웹 페이지를보다 대화 형으로 만드는 데 사용되는 프로그래밍 언어입니다. 그것은 매우 강력합니다 고객 입장에서 스크립팅 언어웹 페이지를보다 생동감 있고 인터랙티브하게 만듭니다.





자바 스크립트-자바 스크립트 유효성 검사-Edureka

구현하는 데 도움이되는 프로그래밍 언어입니다. 복잡한 아름다운 디자인 웹 페이지 . 웹 페이지가 생생하게 보이고 단순히 당신을 쳐다 보는 것보다 훨씬 더 많은 일을하려면 JavaScript가 필수입니다.



JavaScript의 특징 :

  • 스크립팅 언어이며 . 처음에는 이름이 모카 , 다음으로 변경되었습니다. LiveScript 마지막으로 이름이 자바 스크립트 .

  • JavaScript는 객체 기반 다형성, 캡슐화 및 상속도 지원하는 프로그래밍 언어.



  • JavaScript를 실행할 수 있습니다. 브라우저 뿐만 아니라 섬기는 사람 JavaScript 엔진이있는 모든 장치.

    스캐너는 자바에서 무엇을합니까?

자바 스크립트 함수

기본 빌딩 블록 JavaScript에서는 다음과 같이 호출됩니다. 기능 . 기본적으로 작업을 수행하거나 값을 계산하는 일련의 문입니다. 함수를 사용하려면 함수를 호출하려는 범위의 어딘가에 정의해야합니다.

함수 정의는 function 키워드와 다음으로 구성됩니다.

  • 그만큼 이름 기능의.

  • 목록 매개 변수 괄호로 묶고 쉼표로 구분하여 함수에 추가합니다.

  • 자바 스크립트 명세서 함수를 정의하며 중괄호 {}로 묶여 있습니다.

예를 들어 이름이 지정된 함수를 정의하는 방법을 살펴 보겠습니다. 더하다 :

function add (a, b) {return a + b}

이제 사용자의 유효성을 검사하기 위해 유효성 검사 기능이 사용됩니다. 이제 계속해서 JavaScript 유효성 검사에 대해 자세히 알아 보겠습니다.

검증이란 무엇입니까?

검증은 인증하다 사용자. JavaScript는 클라이언트 측에서 양식을 검증하는 기능을 제공하므로 데이터 처리가 서버 측 검증보다 빠릅니다. 대부분의 웹 개발자가 선호합니다. JavaScript를 통해 이름, 비밀번호, 이메일, 날짜, 휴대폰 번호 및 기타 필드를 확인할 수 있습니다.

고객 입장에서 유효성 검사는 클라이언트가 페이지를 다시로드하기 전에 양식이 정상인지 알 수 없도록합니다. 이므로, 서버 측 JavaScript를 끄면 클라이언트 측 유효성 검사를 완전히 우회 할 수 있기 때문에 유효성 검사가 중요합니다.

이제 JavaScript 유효성 검사 기사로 넘어 가서 양식 유효성 검사의 예를 살펴 보겠습니다.

JavaScript 유효성 검사 : 예

다음 예제는 HTML, CSS 및 JavaScript의 코드로 다음과 같은 경우 양식의 유효성을 검사합니다.

요리사와 꼭두각시는 무엇입니까
  1. HTML 에 사용된다 창조하다 양식.
  2. 자바 스크립트 에 사용된다 확인 양식.

FormValidation.html

양식 유효성 검사 / ** /
암호:
 

그러면 다음과 같은 출력이 제공됩니다.

이제 다른 파일을 만들어야합니다. 리디렉션 클릭 후 페이지를 새 페이지로 제출 단추.

Text.html

양식 유효성 검사 / ** /

다른 페이지로 리디렉션되고 다음을 제공합니다. 산출 :

이제 우리는 함수 JavaScipt에서 입력 ID를 연결합니다. 이것은 팝업됩니다 경보 필드가 비어 있으면 메시지가 표시됩니다.

function validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ( '이름은 비워 둘 수 없습니다' ) return false} else if (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } 

다음이 표시됩니다. 경보이름 필드 비어 있음 :

다음으로 이름을 입력하고 그대로두면 비밀번호 필드 비어 있으면 다음이 표시됩니다. 경보 :

이름과 암호를 올바른 형식으로 추가하면이 페이지는 다음을위한 Text.html 페이지로 리디렉션됩니다. 최종 출력.

완전한 코드 양식 유효성 검사 다음과 같다:

양식 유효성 검사 function validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ( 'Name ca n't be blank ') return false} else if (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } 암호: 

이것은 JavaScript에서 양식 유효성 검사의 예입니다. 이메일 ID, 비밀번호, 모바일 번호도 확인할 수 있습니다. 그리고 더 많은.

이제 다른 예를 들어 확인하는 방법을 살펴 보겠습니다. 이메일 주소 JavaScript를 사용합니다.

JavaScript 이메일 유효성 검사

Email.html

function ValidateEmail (inputText) {var mailformat = /^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,3})+$/ if (inputText.value. match (mailformat)) {document.form1.text1.focus () return true} else {alert ( '잘못된 이메일 주소를 입력했습니다!') document.form1.text1.focus () return false}}

산출

배열 C ++ 정렬

이것으로 우리는 JavaScript 유효성 검사 기사를 마쳤습니다. 이 블로그가 유익하고 JavaScript 유효성 검사에 대한 기본적인 이해를 얻었기를 바랍니다.

또한, 확인하는 것을 잊지 마십시오 작성자 Edureka . 질문이 있으십니까? 'JavaScript 유효성 검사'의 주석 섹션에 언급 해 주시면 다시 연락 드리겠습니다.