javascript - 如何一次验证所有输入字段？

Question

我在一个页面上有 11 个输入，一些是文本输入，一些是下拉菜单。我想验证每一个，以确保在单击底部的提交按钮时它不是空白的，并且有一个适当的消息显示特定于每一个，上面写着“此字段为空白”，“此字段”是每个字段的名称，具体取决于它是否为空白。我只是想知道是否有一种简单的方法可以做到这一点，而无需为 11 个字段中的每个字段创建表单并使用 if 语句。

Answer 1

$("#myForm input").each(function(){
   if($(this).val() == "")
   {
     //DO SOMETHING
   }
})

Answer 2

我建议您不要重新创建轮子，而只需使用一个 javascript 验证插件即可完成您想要的。

目前最流行的 jQuery 验证插件是这个：

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Answer 3

如果您只是检查它们是否都不是空的，最简单的方法是使用某种遍历每个输入的循环。如果它找到一个空的，激活它旁边的某种错误消息，以便所有字段立即显示错误。