简单形式的AJAX验证

Question

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

最好的方法是什么？

Answer 1

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

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

“该插件是由jQuery团队的成员，jQuery UI团队的首席开发人员和QUnit的维护者JörnZaefferer编写和维护的。它始于jQuery的早期，并于2006年进行了更新和改进。 ”

这是一个工作演示...

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。 Google在“ JavaScript表单验证库”中找到执行此操作的JavaScript示例。