>웹 프론트엔드 >JS 튜토리얼 >js 양식 확인 예시 분석_자바스크립트 기술

js 양식 확인 예시 분석_자바스크립트 기술

WBOY
WBOY원래의
2016-05-16 16:14:451056검색

이 기사의 예에서는 js를 사용한 양식 확인 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.

1. 기존 양식 확인 코드

코드 복사 코드는 다음과 같습니다.
 
 
<머리> 
 
表单验证 
<스크립트 유형="텍스트/자바스크립트"> 
 
   함수 $(id) { 
       return document.getElementById(id); 
   } 
    
   함수 검사() { 
       var email = $("email").value; 
       var 비밀번호 = $("비밀번호").value; 
       var repassword = $("repassword").value; 
       var 이름 = $("이름").값; 
        
       if(이메일 == "") { 
           Alert("이메일을 보낼 수 없습니다."); 
           $("이메일").focus(); 
           거짓을 반환; 
       } 
        
       if(email.indexOf("@") == -1 || email.indexOf(".") == -1) { 
           Alert("邮箱格式不正确,必须包含@和."); 
           $("이메일").focus(); 
           거짓을 반환; 
       } 
        
       if(password == "") { 
           Alert("현재 불능 상태"); 
           $("비밀번호").focus(); 
           거짓을 반환; 
       } 
        
       if(password.length < 6) { 
           Alert("密码长島必须大于或者等于6"); 
           $("비밀번호").focus(); 
           거짓을 반환; 
       } 
        
       if(재비밀번호 != 비밀번호) { 
           Alert("지금은 그렇지 않습니다."); 
           $("재비밀번호").focus(); 
           거짓을 반환; 
       } 
        
       if(이름 == "") { 
           Alert("이름 불허"); 
           $("이름").focus(); 
           거짓을 반환; 
       } 
        
       for(var i = 0; i < name.length; i ) { 
           var j = name.subString(i , i 1); 
           if(isNaN(j) == false) { 
               Alert('이름중불能包含数字'); 
               $("이름").focus(); 
               거짓을 반환; 
           } 
       } 
   } 
 
 
<본문> 
이메일:                                                                            
비밀번호:
비밀번호 재입력:
이름:
                                                                
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.