2016-10-17 3 views
-1

. - 끝내지 못했고, 어떻게해야할지 모르겠다.이메일 확인 및 전화 자리

- 전화 번호는 숫자로만 작성해야합니다. -이 기능에 대한 vars 및 또한 작동하지 않습니다 ... 전체 스크립트를 차단 .. 나는 작업을 완료하려면 어떻게 해야할지 모르겠다. 내가 무슨 짓을

:

일을 이메일 및 전화의 입력 -make ,

-at 최소 1 문자 이메일 및 2 문자 전화를 DONE 대부분의 20 자 이메일 및 15 자 전화, -at 여기

일을하는 코드입니다 :

 <script> 
    function checkForm() { 

     var div5 = document.getElementById("email1"); 
     var div6 = document.getElementById("email2"); 
     var div7 = document.getElementById("email3"); 
     var div8 = document.getElementById("phone1"); 
     var div9 = document.getElementById("phone2"); 
     var div10 = document.getElementById("phone3"); 

     var email = document.getElementsByName("Email"); 
     var phone = document.getElementsByName("Phone"); 

     div5.style.display="none"; 
     div6.style.display="none"; 
     div7.style.display="none"; 
     div8.style.display="none"; 
     div9.style.display="none"; 
     div10.style.display="none"; 

     var query = document.getElementsByName('Phone').value; 
     var isNumeric=query.match(/^\d+$/); 
     if(isNumeric){ 
      div10.style.display="inline"; 
     }  



     if (email[0].value.length>20){ 
      div5.style.display="inline"; 
     }   else if (email[0].value.length<1){ 
          div6.style.display = "inline";   
        } 

     if (phone[0].value.length>15){ 
      div8.style.display="inline";    
     }   else if (phone[0].value.length<2) { 
          div9.style.display="inline"; 
        } 


    function checkEmail() { 

      var email = document.getElementById('email'); 
      var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; 

      if (!filter.test(email.value)) { 
      alert('Please provide a valid email address'); 
      email.focus; 
      return false; 
      } 
    } 


    } 

    </script> 
    </head> 

    <body> 
     <form name="mainform"> 

     <div id="email">Email</div> 
     <input type="text" name="Email"> 
     <div style="display:none" id="email1">error - max 20 characters.</div> 
     <div style="display:none" id="email2">error - at least 1 character.</div> 
     <div style="display:none" id="email3">error - respect the format [email protected]__.__</div> 

     <div id="phone">Phone</div> 
     <input type="text" name="Phone"> 
     <div style="display:none" id="phone1">error - max 15 characters.</div> 
     <div style="display:none" id="phone2">error - at least 2 character.</div> 
     <div style="display:none" id="phone3">error - only digits.</div> 

     <br> 
     <button type="button" onclick="checkForm(); checkEmail();"/>Check form</button> 
+1

가능한 중복 http://stackoverflow.com/questions/46155/validate-email-address-in - 자바 스크립트) – Liam

답변

0

당신은 아마 이것에 대한 정규식을 사용하고 싶습니다. 인터넷 검색을 통해 어떻게해야하는지 알 수 있습니다.

당신은 당신의 정규식 패턴을 테스트하기 위해이 사이트를 사용할 수 있습니다

: http://regexr.com/

[? 자바 스크립트 유효성 검사 이메일 주소] (의