HTML код для проверки

Question

HTML кода для validaton имени, номер мобильного телефона и т.д., давая сообщение об ошибке рядом с текстовым полем в красном цвете

if(p.length!=10) region.innerHTML="phone num must be 10 digits"; 
if(isNaN(p)) region.innerHTML="digits only"; 

Я использовал этот тип формата, но не работает.

Answer 1

Try следующая функция

var phoneNumber = "(07) 1234-5678"; 
phoneNumber = phoneNumber.replace(/\D/g,''); 
if (phoneNumber.length == 10) { 
region.innerHTML = phoneNumber + ' contains 10 digits'; 
} 
else { 
region.innerHTML= phoneNumber +' does not contain 10 digits'; 
} 

Answer 2

if you want to use html validation try this once: 

     <style type="text/css"> 
      .validationError { 
       border: solid 2px red; 
      } 
      .validationValid { 
       border: solid 2px green; 
      } 
     </style> 

    <form id="customerForm"> 
     <label> 
      First Name: 
      <input id="firstName" required /> 
     </label> 
     <label> 
      Social Security Number: 
      <input id="ssn" required pattern="^[0-9]{3}-[0-9]{2}-[0-9]{4}$" title="Expected pattern is ###-##-####" /> 
     </label> 
     <input type="submit" /> 
    </form> 

script: 


<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> 
<script type="text/javascript" src="js/jquery.h5validate.js"></script> 
<script type="text/javascript"> 

    // Enable h5Validate plugin 
    $("#customerForm").h5Validate({ 
     errorClass: "validationError", 
     validClass: "validationValid" 
    }); 

    // Prevent form submission when errors 
    $("#customerForm").submit(function (evt) { 
     if ($("#customerForm").h5Validate("allValid") === false) { 
      evt.preventDefault(); 
     } 
    }); 

</script>