动态验证Javascript中的值列表

Question

我有一个带有动态生成的输入字段的表单。在这些输入字段中，有些项目是必填项，需要由用户填写。在提交表单时，我需要验证表单并检查必填项是否不为空。如何使用javascript实现此目的？ 欢迎任何建议。

感谢您的宝贵时间和帮助

Answer 1

如果您使用的是HTML 5，则可以在input标签中使用required属性，否则可以使用以下类似的方法在提交之前验证每个字段。

 $(document).ready(function(){ $("#submit").click(function(){ var failed = false; $(".required").each(function(){ if ($(this).val() == "") { failed = true; } }); if (failed) { alert("Mandatory field is empty!"); } else { alert("Proceed"); } }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <form method="post" id="myFomr"> <input name="text1" type="text" class="required" value=""><br> <input name="text2" type="text" value=""><br> <input name="text3" type="text" class="required" value=""><br> <form> <button id="submit" type="button">Submit</button>