Question

我开始关注this awesome tutorial，但希望对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 app中...

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（）只返回对或错。如果未定义，您知道仍需等待服务器的呼叫返回。

我认为你可以做这样的事情（未经测试，但有些事情可以玩）。请注意，对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);
})

jQuery验证插件：valid（）不能用于远程验证？

1 个答案: