Question

我正在使用外部验证库来检查填写的字段是否已填写。这很好。

然后我想显示一个警告，当所有字段都填写正确并且用户点击提交时。

以下是代码：

<select id="selectsizes" class="required">
  <option></option>
  <option>1</option>
  <option>2</option>
</select>
<input type="Text" id="txtName" name="Name" value="" class="required">

$(document).ready(function(){
  $("#Form").submit(function() {
    if ($('.required').val() != "") {
      alert("Thank you.");
      return false;
    }
  });
});

我在原始形式中有更多字段，这只是为了解释。如果我从选择中选择一个选项或填写输入字段，则按下提交时将触发警报。在所有验证错误消失之前，它不应该触发。

Answer 1

您需要单独检查每个输入的值，然后检查它们是否都有值等，如下所示：

$(document).ready(function () {
    $("#Form").submit(function () {
        var val = $.map($('.required'), function (el, i) {
            if (!$.trim(el.value).length) return el;
        });
        if (!val.length) {
            alert("Thank you.");
            return false;
        }
    });
});

FIDDLE

Answer 2

创建一个var，例如var error = false;

循环显示所有输入并选择是否有未填充的输入将var设置为true error = true;

最后：

if (!error) {
  alert("Thank you.");
  return false;
}

您可以使用以下内容循环显示所需字段：

$('.required').each(function() {
  //DO STUFF
  if ($(this).val() == "") {
    error = true;
  }
});

jQuery验证和警报

2 个答案: