Question

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

最好的方法是什么？

Answer 1

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

到目前为止，

jQuery Validate是最广泛使用的jQuery验证插件。

“该插件由JörnZaefferer编写和维护 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。 Google“JavaScript表单验证库”，用于查找执行此操作的JavaScript示例。

简单表单上的AJAX验证

2 个答案: