jquery проверять несколько динамически добавленных полей

Я пытаюсь проверить несколько динамически добавленных полей в форме перед отправкой с помощью jquery, но когда одно поле действительно, форма отправляется: http://jsfiddle.net/cvL0ymu7/. Как проверить все поля перед отправкой.jquery проверять несколько динамически добавленных полей

<html> 
    <body> 
     <form action="#" method="post"> 
      <div id="fields"></div> 
      <input type="submit" value="Submit" /> 
     </form> 
     <button id="test">Add field</button> 
    </body> 
</html>

Le JavaScript

$(function() { 
     $("#test").click(function(){ 
      var unique_id = new Date().getTime(); 
      $("#fields").append("<input class='myfield' type='text' name='myfield_" + unique_id + "'/><br />"); 
     }); 

     $("form").submit(function(event) { 

     if ($(".myfield").val() !== "") { 
     alert("form is valid"); 
     //$("span").text("Validated...").show(); 
     return; 
     } 

     //$("span").text("Not valid!").show().fadeOut(1000); 
     alert("form is invalid"); 
     event.preventDefault(); 
}); 

});

источник

2014-11-28 mpora

Вы можете попробовать MY CODE HERE

$("form").submit(function(event) { 
     var vaild = true; 
     $('.myfield').each(function(){ 
      if ($(this).val().trim() == '') {     
       vaild = false; 
       return; 
      }; 
     }); 
     if (valid) { 
      alert("form is valid"); 
     } else { 
      alert("form is invalid"); 
      event.preventDefault(); 
     } 
    });

источник

2014-11-28 03:46:05

Пожалуйста, проверьте эту скрипку .... это то, что вы хотите сделать ...

enter code herehttp://jsfiddle.net/cvL0ymu7/

источник

2014-11-28 03:44:15 Dhaval

jquery проверять несколько динамически добавленных полей

ответ

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