来自jQuery Validate远程的错误响应无法正常工作

时间:2013-10-15 21:17:38

标签: jquery jquery-validate

我正在使用jQuery Validationremote方法来检查系统中是否已存在用户名。如果用户存在,脚本does_user_exist.php将返回1

$registration.find(".username").each(function() {
    var $this = $(this);
    $this.rules('add', {
        remote: {
            url: "does_user_exist.php",
            type: "post",
            dataType: "json",
            data: {uname: function(){ return $this.val(); } },
            async: false,
            success: function (data) { //returns 1 if user exists
                if (data) {
                   console.log("false!");
                   return "Sorry, that user already exists." //doesn't work
                   //return false;        //doesn't work
                   //return data;         //doesn't work
                   //return {"string"};   //doesn't work
                   //return {0: "string"};//doesn't work
                } else {
                   console.log("true!");
                   return true;
                }
            }
        },
        messages: {
            remote: jQuery.format("{0}") //doesn't work
            // remote: "Simple string doesn't work here either"
        }
    });
});

我的问题是永远不会显示错误消息。我可以从console.log输出中看到,当用户存在时,它会正确记录false!,但错误消息从不显示。

从注释掉的行中可以看出,我一直试图通过猜测和检查来弄清楚我到底做错了什么,假设我在某种程度上将错误字符串返回错误格式,但我没有成功。

EDIT3: 我能够得到改变的后端响应。 PHP现在发送JSON编码true / false,但无济于事。我们尝试通过以下方式发送后端响应,但无论我们做什么,插件似乎都没有捕获它:

json_encode( false )
json_encode( '["false"]' )
json_encode( "false" )
json_encode( ["false"] )
"false"
false
NULL
""
0

据我所知,基于文档,其中一个应该有效:

  

响应被评估为JSON,对于有效元素必须为true,   并且可以是任何false,undefined或null对于无效元素,使用   默认消息;

请注意,此问题的答案可能与this issue有关。

以下是修订后的代码:

$registration.find(".username").each(function() {
    var $this = $(this);
    remote: {
        url:  "does_user_exist.php",
        type: "post",
        data: {entityExistence: function(){return $this.val();} },
        success: function(data){ console.log(data); }
    },
    messages: {
        remote: "Sorry, that username is not available."
   }
});

PHP脚本始终正确返回truefalse。根据文档,除true之外的任何内容都应该触发错误消息。但错误消息没有出现。我知道错误消息正在运行,因为有其他检查工作正常(例如rangelength,为了清楚起见,从粘贴代码中删除)。

4 个答案:

答案 0 :(得分:6)

好的,最后随机弄明白了。 success回调显然破坏了一切。我所要做的就是删除它:

success: function(data){
    console.log(data);
}

一旦我这样做,一切都按预期完美地使用简单的字符串响应:

"true"

"false"

我无法解释这一点,但我希望有人更新文档!我注意到使用complete并没有像success那样打破它。

答案 1 :(得分:2)

documentation for the remote method州:

  

服务器端响应必须是JSON字符串,对于有效元素必须是"true",对于无效元素,可以是"false"undefinednull,使用默认错误消息。如果服务器端响应是字符串,例如。 "That name is already taken, try peter123 instead",此字符串将显示为自定义错误消息,而不是默认值。


引用OP:

  

“如果用户存在,脚本does_user_exist.php将返回1。”

这可能与你想要的相反。由于1可能会被解释为true,这会告诉插件它“通过”验证。根据文档,如果用户存在且您想要触发错误消息,则响应必须为falseundefinednull或字符串(消息)。

答案 2 :(得分:2)

不幸的是,上面的答案有点神秘。

为了使其正常运行,您需要遵循JS。

$('#register-form').validate({
    rules: {
        'first-name': "required",
        'surname': "required",
        'email': {
            required: true,
            email: true,
            remote: {
                url: 'ajax/users/emailInUse',
                type: 'post',
                data: {
                    email: function() {
                        return $('input[name=email]').val();
                    }
                }
            }
        },
        'username': "required",
        'password': "required",
        'confirm-password': {
            equalTo: "input[name=password]"
        }
    },
    messages: {
        'first-name': "Please enter your first name",
        'surname': "Please enter your surname",
        'email': {
            required: "Please enter your email address",
            email: "Please enter a valid email e.g. yoda@jedi.com"
        },
        'username': "Please enter a username",
        'password': "Please enter a password",
        'confirm-password': "Passwords do not match"
    }
});

如果电子邮件有效,您的后端代码应该运行检查,并将结果作为消息返回到json字符串中。 e.g。

[
    " is already in use..."
]

示例后端代码:

public function emailInUseAction()
{

    $this->setJsonResponse();

    if($this->request->isAjax())
    {

        $email = $this->request->getPost('email');

        $emailInUse = Users::emailInUse($email);

        $message = false;

        if($emailInUse)
        {

            $message = $email . ' is already in use...';

        }

        return array(
            $message
        );

    }

}

希望这有助于遇到此问题的任何人!

答案 3 :(得分:-2)

返回字符串不会自动显示它。如果你想显示它,你需要做这样的事情:

$('#myDiv').html('<p class="error">Sorry, that user already exists.</p>');