Jquery验证用远程检查用户名

时间:2014-06-08 10:56:06

标签: javascript jquery ajax validation laravel

我正在使用验证插件和Laravel 4.2。 我尝试通过ajax检查用户名,但我无法正常工作。 可以随时使用用户名,如果存在则无关紧要。

我的第二个问题是如果我使用远程验证规则,我无法提交表单。

有人知道我做错了什么吗?因为在chrome日志中一切正常,请求被发送,我可以看到调试消息。

<?php 
use App\Models\User;
class ValidationController extends BaseController {

public function getCheckUsername() 
{
    if(Request::ajax()) {
        $user = User::where('username', Input::get('username'))->get();
        if($user->count()) {
            return Response::json(array('msg' => 'true'));
        }
        return Response::json(array('msg' => 'false'));

    }

}


}

JS

$(document).ready(function()
{
$("form").validate({

rules: {
        username: {
                required: true,
                     rangelength:[3,255],
        remote: {
                url:"http://"+location.host+"/validation/checkusername",
                type: "get",
                success: function(msg){
                 if(msg.msg == 'true') {
                  console.log('exists');
                  return true;
                 }
                 console.log('doesnt exists');
                  return false;
                }

                },


                },
  messages: {
            username: {
                required: "Please Enter Username!",
                remote: "Username already in use!"
            }
        }
});
});

我还尝试通过$ .validator.addMethod()创建一个自己的规则,但这也很有用。

1 个答案:

答案 0 :(得分:2)

看起来您不会发送数据。试试这个。请注意帖子请求。另外我相信dataFilter方法应该返回'true'

更新我刚刚也意识到如果用户存在,你的php中的逻辑会发回true,因此javascript中的逻辑应该是这样的:

remote: {
    url: "http://"+location.host+"/validation/checkusername",
    type: "post",
    data: {
        username: function () {
            return $("input[name='username']").val();
        }
    },
    dataFilter: function (data) {
        var json = JSON.parse(data);
        if (json.msg == "true") {
            return "\"" + "That username is taken" + "\"";
        } else {
            return 'true';
        }
    }
}