jQuery验证和警报

我正在使用外部验证库来检查是否填写了任何字段。这个很好用

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

代码如下：

<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;
    }
  });
});

1.
2.
$（文档）.ready（函数（）{
$（“#表单”）.submit（函数（）{
如果（$（'.required'）.val（）！=“”）{
警惕（“谢谢你”）；
返回false；
}
});
});

我在原始表单中有更多字段，这只是为了解释。

---

如果我从选择或填写输入字段中选择一个选项，则按submit时会触发警报。在所有验证错误消失之前，它不应该触发。

创建一个var，例如

var error=false

循环所有输入并选择如果输入未填充，将变量设置为true
error=true

最后：

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

您可以使用以下选项在必填字段中循环：

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

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

循环所有输入并选择如果输入未填充，将变量设置为true
error=true

最后：

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

您可以使用以下选项在必填字段中循环：

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

您需要分别检查每个输入的值，然后检查它们是否都有值等，如：

$(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;
        }
    });
});

您需要分别检查每个输入的值，然后检查它们是否都有值等，如：

$(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;
        }
    });
});

非常感谢！这正是我想要的，它工作得很好。非常感谢！这正是我想要的，它工作得很完美。