jquery-plugins - 使用 JQuery 验证器 (Cakephp) 进行服务器端验证

Question

嗨，我目前正在使用 cakePHP 做一个学校项目。我有以下表单并假设已创建表单标记。

<?php echo $form->input('number',array('id'=>"number",'title'=>"Please enter a number with at least 3 and max 15 characters ha!"));?>

<?php echo $form->input('secret',array('id'=>"secret"));?>

<?php echo $form->input('math',array('id'=>"math",'title'=>"Please enter the correct result!"));?>

 <?php echo $form->input('userName',array('id'=>"userName",'title'=>"User Exist"));?>

我正在使用客户端验证，以下是代码:

$.validator.addMethod("buga", function(value) {
    return value == "buga";
}, 'Please enter "buga"!');

// this one requires the value to be the same as the first parameter
$.validator.methods.equal = function(value, element, param) {
    return value == param;
};

    $().ready(function() {
    var validator = $("#texttests").bind("invalid-form.validate", function() {
        $("#summary").html("Your form contains " + validator.numberOfInvalids() + " errors, see details below.");
    }).validate({
        debug: true,
        errorElement: "em",
        errorContainer: $("#warning, #summary"),
        errorPlacement: function(error, element) {
            error.appendTo( element.parent("td").next("td") );
        },
        success: function(label) {
            label.text("ok!").addClass("success");
        },
        rules: {
            "data[User][number]": {
                required:true,
                minlength:3,
                maxlength:15,
                number:true 
            },
            "data[User][secret]": "buga",
            "data[User][math]": {
                equal: 11   
            }
        },
                    submitHandler: function(form) {
                        form.submit();
                    }


    });

});

上面的客户端验证只能对前三个输入进行，但我在这种情况下的最后一个输入可能需要检查用户名是否唯一。我怎样才能对服务器进行ajax调用？我只是在那部分感到困惑。希望有人能指导我。

Answer 1

jQuery validate 对于服务器端验证(远程)有特定的规则

http://docs.jquery.com/Plugins/Validation/Methods/remote#options

上面的页面包含您发出请求所需的所有信息，第二个示例几乎就是您的用例。

远程脚本应仅返回文本，true 或 false。
请参阅此页:

http://jquery.bassistance.de/validate/demo/milk/

填写电子邮件地址并单击“提交”后，打开 Firebug/Chrome 控制台并查看请求。

祝您的项目顺利。