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控制台，在填写电子邮件地址并点击提交后查看请求。

祝你的项目好运。

使用JQuery验证器（Cakephp）进行服务器端验证

1 个答案: