javascript - 如何检查表单中的所有空输入

Question

我有一些动态生成的表单并且具有不同的 ID，所以我认为可能会有一些东西可以验证每个输入，这里我做了什么

$.fn.isBlank = function() {
    var fields = $("#exp0").serialize()
alert('something');
    for (var i = 0; i < fields.length; i++) {
        if (fields[i].value != '') {
            alert('testing');
            return false;
        }
    }
alert('testing2');
    return true;
};

但是上面的脚本不工作我不知道为什么，甚至没有触发警报

这里是完整的jquery

 $(document).on("submit", "#exp0", function(e){
 e.preventDefault();
var postData = $("#exp0").serialize()
$.fn.isBlank = function() {
    var fields = $("#exp0").serialize()
alert('something');
    for (var i = 0; i < fields.length; i++) {
        if (fields[i].value != '') {
            alert('testing');
            return false;
        }
    }
alert('testing2');
    return true;
};
     $.ajax({
     type: "POST",
     url: "/ajax/saveexp",
     data: postData,
      async: false,
      contentType: false,
      processData: false,
      cache: false,
       success: function(msg)
         {
        bootbox.alert('Your Profile has been updated');
                }

      });
  });

Answer 1

主要问题似乎是，您首先序列化表单字段(这会产生一个字符串)，然后尝试遍历该字符串中的字段(这将不起作用)。

直接遍历表单字段。使用 jQuery，您可以轻松做到这一点:

$("#exp0").find("input").each(function () {
    if ($(this).val() === '') { ... }
});

另一个注意事项:定义一​​个函数 isBlank 是不够的，它必须在某处被调用。您可以删除声明并直接进行检查。

完整代码:https://jsfiddle.net/vq3y6bok/1/