Динамическая проверка форм Javascript

Question

Я имею эту форму

<form name="myForm" action="" method="post" onsubmit="return validations(this)" > 


     <span> 
      <label>Enter Your First Name</label><input id="name" name= "field[1]" type="text" class="element text" maxlength="255" size="8" value=""/> 
     </span> 
     <br /><br /> 
     <span> 
      <label>Enter Your Last Name</label><input id="last" name= "field[2]" type="text" class="element text" maxlength="255" size="8" value=""/> 

     </span> 
     <br /> 
     <br /> 

     <span> 
      <input id="field[3]" name="field[3]" class="element radio" type="radio" value="1" /> 
<.label class="choice" for="field[3]">Male</label> 
<input id="field[4]" name="field[4]" class="element radio" type="radio" value="2" /> 
<label class="choice" for="field[4]">Female</label> 

     </span> 
     <br /><br /> 
     <label class="description" for="field[5]">Enter your city </label><input id="field[5]" name="element_3" type="text" class="element text medium" type="text" maxlength="255" value=""/> 

     <br /><br /> 
     <span> 
      <input id="field[5]" name="field[5]" class="element checkbox" type="checkbox" value="1" /> 
<.label class="choice" for="field[5]">I am unemployed.</label> 
<br /><br /> 

     </span> 

       <input type="hidden" name="form_id" value="form1" /> 
</div>    
.    
<.input type="submit" value="Validate" > 



     </form> 

и я хочу, чтобы проверить форму на нажмите кнопку «Проверить». чтобы проверить, все ли поля type = text завершены. Как я могу сделать это динамически?

Answer 1

Вы можете сделать это с помощью

1. Plain JavaScript проверки, написать функцию и проверять каждое поле по нажатию на кнопку отправить
2. JQuery плагин проверки, если вы используете JQuery. Включите плагин проверки jQuery и jQuery на странице html, добавьте class = "required" в свои текстовые поля и, наконец, добавьте код JavaScript, чтобы прикрепить проверку.

Второй прост, как это нужно только позвонить проверить функцию и установить класс = «необходимый» для текстовых полей

например:

В том числе Jquery и плагин проверки в вашем HTML головки тега

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js" type="text/javascript"></script> 

приложить проверку в форму, добавьте этот код в головной секции или где-нибудь в теле

<script type="text/javascript"> 
jQuery(document).ready(function($){ 
    $('form[name="myForm"]').validate(); 
}); 
</script> 

Теперь ваши поля формы:

<form name="myForm" action="" method="post"> 
    <input type="text" class="required" name="..." ...> 
    or simply 
    <input type="text" name="..." required> 
    .... all other fields 
</form>