jQuery驗證插件幫助

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選項。