jQuery验证submitHandler回调问题

Question

我正在使用jQuery validation plugin来验证我的密码设置表单。

我的代码存在以下问题。

提交表单时，
1. “submitHandler”回调未被点击。
2. “突出显示”被点击但是有错误没有被添加到有错误的元素中。

我使用点击事件提交表单，如下所示：

$('#updatePasswordButton').click(function () { 
    postSettings(); 
}); 

代码

$("#PasswordForm").validate({
  rules: {
    PASSWORD1: {
      required: true,
    },
    PASSWORD2: {
      equalTo: "#PASSWORD1"
    }
  },
  messages: {
    PASSWORD2: "The passwords do not match"
  },
  //TODO yet to highlight the DOM element which has validation error
  highlight: function(element, errorClass) {
    $(element).closest('.form-control').addClass('has-error');
  },
  unhighlight: function(element, errorClass) {
    $(element).closest(".form-control").removeClass("has-error");
  },
  submitHandler: function(form) {
    console.log("submit handle");
    return false;
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/jquery.validate.min.js"></script>

<form name="PasswordForm" id="PasswordForm" method="post">
  <td id="updatePassword">
    <a id="updatePasswordButton" class="btn btn-sm btn-bitbucket" name="setPassword">
      <i id="updatePass" class="demo-icon icon-lock"> </i> &nbsp;UPDATE PASSWORD</a>
  </td>
</form>