2016-10-17 3 views
-1

Что мне нужно сделать:Подтверждение адреса электронной почты и телефон цифра

-Email поля необходимо соблюдать формат адрес электронной почты (_ @ .__), если пользователь не соблюдает это сообщение должно выскочить. - Здесь я не мог закончить, я не знаю, как.

-Телефон должен быть заполнен только цифрами. - Не работает тоже ... а также vars для этой функции заблокировали весь скрипт. Я не знаю, что делать, чтобы закончить работу.

Что я сделал: -make вход Email и телефон, СДЕЛАНО

-при наиболее 20 символов электронной почты и 15 символов телефона, DONE

-при минимум 1 символов электронной почты и 2 символа телефон СОВЕРШЕНО

вот код:

 <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

Возможный дубликат [? Подтвердить адрес электронной почты в JavaScript] (http://stackoverflow.com/questions/46155/validate-email-address-in -javascript) – Liam

ответ

0

Вы, вероятно, хотите использовать регулярное выражение для этого. С некоторыми поисковыми системами вы можете узнать, как вы должны это делать.

Вы можете использовать этот сайт, чтобы проверить свои шаблоны регулярных выражений: http://regexr.com/

Смежные вопросы