jQuery检查所需文件是否已被填充的最佳方法

Question

我有一个巨大的表单，作为ERP的一部分，每个领域都有大量的大型表单。

现在，我正在考虑如何更好地创建一个关于jQuery字段是否为空的.required嘲笑器，从而防止事件发生并显示错误消息。只有当所有这些.required字段都被填充时，提交按钮才会运行。

我知道如何解决这个问题，在行动上并不难，但我觉得这种方式对于简单的表格，注册表格等都是很好的。机器人不适用于超过700个字段的系统。我知道的一种方法是在var fieldName = $(#fieldID').val();上设置每个字段的每个值，然后进行如下操作：

if (fieldName == "") {
  $("label#name_error").show();
  $("input#name").focus();
  e.preventDefault();
}

这是非常正确的，但我想知道您是否知道如何优化这个过程，以避免生成成千上万不必要的代码行。

非常感谢。

Answer 1

在焦点上检查一下

$(':input[required=""],:input[required]').bind('focusout', function(){
     if ($(this).val() == ""){
         $(this).focus();
         //and show some error in whatever way you want 
    }
})

Answer 2

使用jQuery验证插件。它有几个实用方法，而且您也可以自定义它。http://jqueryvalidation.org/

Answer 3

我建议您使用这个插件进行前端验证：

http://jqueryvalidation.org/