如何在表单级服务器端验证中使用jQuery Validation插件？ [英] How to use jQuery Validation plugin with form-level server-side validation?

问题描述

在表单通过初始客户端验证后返回的服务器端验证错误的元素触发错误的最佳方法是什么？

What's the best way to trigger errors on elements for server-side validation errors that come back after the form passes the initial client-side validation?

$("#contact_form").validate({
  submitHandler: function(form) {
    $.ajax({
      type: 'POST',
      dataType: 'json',
      url: '/contact/send',
      data: $(form).serialize(),
      success: function(response) {
        if(response.error) { //server came back with validation issues
          var fields = response.fields;
          for(var i=0, var len = fields.length; i < len; i++) {
            var field_name = fields[i].name;
            var field_error = fields[i].error;

            // TRIGGER ERROR ON AFFECTED ELEMENT

          }
          return false;
        }
        //everything went ok, so let's show a thanks message
        showThanks();
      }
    }
});

我在想这样的事情：

$(form).find("[name='" + field_name + "']").triggerError(field_error);

但我没有看到任何以这种方式手动触发错误的api方法。

But I didn't see any api methods for manually triggering errors in that manner.

推荐答案

我想我是从 Validator / showErrors

var validator = $("#contact_form").validate();
validator.showErrors({"state": "Bad state."});

这篇关于如何在表单级服务器端验证中使用jQuery Validation插件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！