Question

我正在尝试使用JQuery的验证插件来验证表单，但我希望它不仅显示错误消息，还要更改它上面的td的css。我目前有

function myErrorHandle(element) {
    element.closest("td").addClass("fsValidationError");
}
$("#fsForm691575").validate({
    errorPlacement: myErrorHandle,
    rules: {
        field7014601: {
            required: true
        }
});

其中fsForm691575是我的表单，而field7014601只是一个名称字段。我只是从我发现的另一个建议中将myErrorHandle函数一起攻击了，所以如果我可以取消它但仍然可以获得所需的效果，那就太好了。

由于

Answer 1

我无法满足您的案例特定答案（没有HTML），但我可以向您展示如何更改验证的默认“突出显示”操作。

例如，给定以下HTML：

<form action="#">
  <table>
    <tr>
      <td>
        <input id='firstname' name='firstname' class='required' />
      </td>
    </tr>
    <tr>
      <td>
        <input id='lastname' name='lastname' class='required' />
      </td>
    </tr>
  </table>
  <input type="submit" value="submit" />
</form>

您可以配置验证以为父tr红色着色：

$("form").validate({
  errorClass: "error",
  highlight: function(element, errorClass, validClass) {
    $(element).closest("tr")
      .addClass(errorClass)
      .removeClass(validClass);
  },
  unhighlight: function(element, errorClass, validClass) {
    $(element).closest("tr")
      .removeClass(errorClass)
      .addClass(validClass);
  }
});

示例：http://jsbin.com/afoju5/3/edit

如果您需要更精细地控制显示错误时发生的情况，请查看showErrors选项。

JQuery Validation插件帮助

1 个答案: