javascript - 简单表单上的 AJAX 验证

Question

我正在尝试使用 AJAX 进行客户端验证，以检查简单表单上的空字段。如果该字段为空，我想通知用户这是无效的。如果有任何空白字段，则不应提交表单。

最好的方法是什么？

Answer 1

Ajax 不需要进行客户端验证。我只能假设您正在将术语与“jQuery”互换。在这种情况下...

到目前为止， jQuery Validate是最广泛使用的 jQuery 验证插件。

“该插件由 Jörn Zaefferer 编写和维护，他是 jQuery 团队的成员、jQuery UI 团队的首席开发人员和 QUnit 的维护者。它始于 2006 年 jQuery 的早期，并从那时起进行了更新和改进。 "

这是一个工作演示......

http://jsfiddle.net/EggSb/

jQuery：

$(document).ready(function() {

    $('#myform').validate({ // initialize the plugin
        rules: {
            field1: {
                required: true,
                minlength: 5,
                // other rules
            },
            field2: {
                required: true,
                email: true,
                // other rules
            }
        }
    });

});

HTML：

<form id="myform">  
     <input type="text" name="field1" />
     <input type="text" name="field2" />
     <input type="submit" />
</form>

Answer 2

如果您要测试的只是空字段，则无需使用 AJAX。如果您的目标浏览器支持 HTML5 表单，您可以这样做：

<input type="text" name="username" required />

如果您需要支持 IE 等其他浏览器，则需要使用 JavaScript。谷歌“JavaScript 表单验证库”可以找到执行此操作的 JavaScript 示例。