jQuery验证插件:valid()不能用于远程验证？

Question

我开始遵循这个很棒的教程,但是想在keyup上进行验证并将我的错误放在其他地方.远程验证在适当的时间显示自己的错误消息,让我觉得我有它的工作.但是,如果我具体询问具有远程验证的字段是否有效,它会说不,实际上,它不是.

在application.js我有这个......

    $("#new_user").validate({
    rules: {
        "user[login]": {required: true, minlength: 3, remote: "/live_validations/check_login"},
    },
    messages: {
        "user[login]": {required: " ", minlength: " ", remote: " "},
    }
});

$("#user_login").keyup(function(){
    if($(this).valid()){
        $(this).siblings(".feedback").html("0");
    }else{
        $(this).siblings(".feedback").html("1");
    }
})

然后这在rails应用程序...

def check_login
    @user = User.find_by_login(params[:user][:login])
    respond_to do |format|
      format.json { render :json => @user ? "false" : "true" }    
    end
  end

我认为我的问题可能与jQuery上的这张票有关,并试图实现该代码,但是,对于jQuery来说,这一切都有点过头了.当我说位时,我的意思是方式.

任何解决它的想法,或者一种新的方式来看待它,都将是一个很大的帮助.

Answer 1

当你调用$(this).valid()时,它最终会异步调用/ live_validations/check_login.尽管如此,valid()方法会立即返回,而不是等待check_login完成,并且因为它不知道结果是什么,所以它只返回false.

查看Validation插件代码,我认为你应该调用element()方法,它将返回true,false或undefined - 它将在异步调用运行时返回undefined,而valid()只返回true或false .当您未定义时,您知道仍然需要等待对服务器的调用才能返回.

我认为你可以做这样的事情(未经测试,但有些东西可以玩).请注意,对element()的重复调用不会启动新的Ajax调用; 他们只有在价值发生变化时才会这样做.所以那里没有任何伤害.

function checkResult() {
   var valid = $(formSelector).validate().element('#user_login'); // Will not launch a new request if the value hasn't changed
   if (typeof valid == 'undefined') {
     setTimeout("checkResult()", 100);
   }
   else { // it's done!
     if(valid){
      $(this).siblings(".feedback").html("0");
     }else{
      $(this).siblings(".feedback").html("1");
     }
   }
};
$("#user_login").keyup(function(){
  $(formSelector).validate().element('#user_login'); // launches the remote request
  setTimeout("checkResult()", 100);
})