JQuery 表单验证

Question

确保所有具有“required”属性的输入字段都已完成的最佳 JQuery 方法是什么

Answer 1

使用.filter()方法检查每个值，然后检查结果的长度属性:

var incomplete = $("input[required]").filter(function () {
    return this.value === "";
});
if (incomplete.length) {
    alert("Please fill in all the required fields");
}

请注意，名为 required 的属性将使您的 HTML 无效。但是，data-required 将是有效的 HTML5，或者您可以为它们全部提供一个类并将其用作选择器(这也会更有效)。

您还可以使用其中一个验证插件:http://google.com/search?q=jquery+validation .