尝试设置自定义的验证消息的jQuery远程

Question

我有以下验证设置的一种形式：

$('#form').validate({ 
      onfocusout: false, 
      onkeyup: false, 
      onclick: false, 
      success: function(){ 
       $('#username').addClass('input-validation-confirmation'); 
      } 
     }); 
$('#username').rules("add", { 
     onfocusout: false, 
     onkeyup: false, 
     required: true, 
     email: true,      
     remote: { 
      url: function, 
      type: 'GET', 
      dataType: 'json', 
      traditional: true, 
      data: { 
       username: function() { 
        return $('#username').val(); 
       } 
      }, 
      dataFilter: function (responseString) { 
       var response = jQuery.parseJSON(responseString); 
       currentMessage = response.Message; 
       if (response.State == 0) { 
        currentMessage = currentMessage + 0; 
           return false; 
       } 
       return 'true'; 
      }, 
      beforeSend: function (response) { 
       showLoadingIndicator($('#username')); 
      }, 
      complete: function() { 
       hideLoadingIndicator($('#username')); 
      } 
     } 
}); 

什么，这是试图做的是使用相同的验证元素（为了与其他一些工作框架）显示错误和成功方法。

我的问题是，我的统治的成功方法被炒鱿鱼之前，在远程验证已完成。我尝试了几种方式设置消息，但自定义消息参数似乎没有在验证成功时调用。

是否使用远程和模式验证规则的混合时，任何人都知道的其他方法使用验证错误场成功和错误信息？

编辑：

现在我明白我是在错误的时间期待一个成功的事件。我需要在验证完成后触发的事件（未提交）。有没有这样的事件？

Answer 1

你的代码...

$('#username').rules("add", { 
    onfocusout: false, 
    onkeyup: false, 
    required: true, 
    email: true,      
    remote: { ... }, 
    messages: { ... }, 
    success: function (label) { ... } 
}); 

这里的问题是，onfocusout，onkeyup和success不是 “规则”。只有个别“规则”和messages选项可以放在.rules('add')方法的内部。

$('#username').rules("add", { 
    required: true, 
    email: true,      
    remote: { ... }, 
    messages: { 
     remote: "custom remote message" 
    } 
}); 

为.rules()方法见文档：http://jqueryvalidation.org/rules

onfocusout，onkeyup和success是 “选项”，只有去.validate()方法，其仅附接到<form>元件的内部。

就remote：As per the docs的“自定义”消息而言，此错误消息将自动成为从您的服务器返回的消息......没有特殊设置。

---

编辑按意见和更新OP：

您的代码：

$('#form').validate({ 
     onfocusout: false, 
     onkeyup: false, 
     onclick: false, 
     success: function(){ 
      $('#username').addClass('input-validation-confirmation'); 
     } 
}); 

你说：“不过，随着更新的代码（见上文）我从来没有看到成功事件。”

您已停用所有的这种形式的活动。触发验证的唯一事件是点击提交按钮。究竟当你希望“看到” success断火？

DEMO：http://jsfiddle.net/xMhvT/

换句话说，submit是唯一的事件留给触发时，您禁用了所有其他事件验证测试。

---

编辑基于另一个OP更新：

“现在我明白我是在错误的时间期待一个成功的事件我 需要一次验证已经完成了被触发的事件（不提供 ），有没有这样的事件？“

success不是“事件”。 “事件”是一个click，blur，keyup等（onkeyup，onfocusout和onclick是控制这个插件的事件选项）

success是“回调函数”。一个“回调函数”是在上发生的事件。

•如果您需要一个“回调函数”，每当字段通过验证时触发，则可以使用success。

•如果您需要在表单通过验证时触发的“回调函数”，则可以使用submitHandler。但是，这也是表单提交时的情况。

•如果您想要“测试”整个表单或单个字段以查看它是否有效而不提交表单，则可以使用.valid()“方法”。

$('#username').valid(); // for one field 

// or 

$('#form').valid(); // for the whole form 

// you can also... 

if ($('#form').valid()) { 
    //do something if form is valid 
} 

此方法将触发测试（显示消息）并返回一个布尔值。

DEMO：http://jsfiddle.net/xMhvT/1/

参见：http://jqueryvalidation.org/valid/

Answer 2

我迟到回答这个问题，但我认为它可以帮助别人：

在你的PHP

只需要添加以下

if($rows_matched==1){ 
      echo (json_encode(false)); 
     } 
     else{ 
      echo (json_encode(true)); 
     } 

并在您的js代码中写入以下内容： $（function（）{

$('#product_add').validate({ 
rules:{ 
    product_sku:{ 
    remote:{ 
     url:'check.php', 
     type:'POST' 
    } 
    } 
}, 
messages:{ 
    product_sku:{ 
    remote:'already in database' 
    } 
} 
}); 

}）;

Answer 3

使用remote，dataFilter和messages参数如下：

var message = 'Default error message'; 

$('form').validate({ 
    rules: { 
     element1: { 
      remote: { 
       url: '/check', 
       type: 'post', 
       cache: false, 
       dataType: 'json', 
       data: { 
        element2: function() { 
         return $('.element2').val(); 
        } 
       }, 
       dataFilter: function(response) { 
        response = $.parseJSON(response); 

        if (response.status === 'success') return true; 
        else { 
         message = response.error.message; 
         return false; 
        } 
       } 
      } 
     } 
    }, 
    messages: { 
     element1: { 
      remote: function(){ return message; } 
     } 
    } 
});