如何使用jquery在modal中验证表单？

这是我的情态表

    <div i class="modal fade" id="change-pass" role="dialog">
                            <div class="modal-dialog modal-sm">
                              <div class="modal-content">
                                <div class="modal-header">
                                  <button type="button" class="close" data-dismiss="modal">&times;</button>
                                  <h4 class="modal-title">Change password</h4>
                                  </div>
                                  <form id="passwordChangeModal" name="passwordChangeModal" method="post" >
                                      <div class="modal-body">

                                    <div class="form-group clearfix">
                                      <label class="col-sm-12" for="oldPassword">Old password</label>
                                      <div class="col-sm-12">
                                        <input type="text" class="form-control" id="oldPassword" placeholder="Enter old password" name="oldPassword">
                                      </div>
                                    </div>

                                    <div class="form-group clearfix">
                                      <label class="col-sm-12" for="newPassword">New password</label>
                                      <div class="col-sm-12">
                                        <input type="text" class="form-control" id="newPassword" placeholder="Enter new password" name="newPassword">
                                      </div>
                                    </div>

                                    <div class="form-group clearfix">
                                      <label class="col-sm-12" for="confirmpassword">Confirm password</label>
                                      <div class="col-sm-12">
                                        <input type="text" class="form-control" id="confirmpassword" placeholder="confirm password" name="confirmpassword">
                                      </div>
                                    </div>

                                </div>
                                <div class="modal-footer">
                                  <button type="submit" class="btn btn-success" data-dismiss="modal" id="updatePassword" name="updatePassword" >Save</button>
                                </div>
                                      </form>

                              </div>
                                  </div>
                          </div>

---

。单击“保存”按钮时，表单验证不起作用。在提交表单时，modal在未经任何验证的情况下被取消。请帮助我解决此问题。提前感谢

我希望使用这种方式

$(function() {

    $('#updatePassword').on('click', function() {

      var formData = $("#passwordChangeModal").serialize();
      $.ajax({
          url:'/changePassword',
          type:'post',
          datatype: 'json',
          data: formData,
          success : function(response){
              if(response == "true"){
                  window.location = '/accounts';
              } else {
                  alert("password incorrect");
              }
          },
          error: function (request,status, error) {
          }
      });
      return false;
    });
});

---

我想用这种方式

$(function() {

    $('#updatePassword').on('click', function() {

      var formData = $("#passwordChangeModal").serialize();
      $.ajax({
          url:'/changePassword',
          type:'post',
          datatype: 'json',
          data: formData,
          success : function(response){
              if(response == "true"){
                  window.location = '/accounts';
              } else {
                  alert("password incorrect");
              }
          },
          error: function (request,status, error) {
          }
      });
      return false;
    });
});

---

我建议你减少你的例子，你可以看一看吗？我建议你减少你的例子，你可以看一看