分类导航

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jQuery验证插件：valid()不能用于远程验证？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我开始遵循 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应用程序…

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来说,这一切都有点过头了.当我说位时,我的意思是方式.

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

解决方法

当你调用$(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);
})