1000hz Bootstrap 验证器在验证触发时未提交 - Laravel

Question

在纠正所有验证错误后，引导验证器表单不提交，但如果没有触发验证，则可以提交表单，这是我的表单：

{!! Form::open(["method" => "POST", "action" => "user\UserWalletController@transfer", "id" => "transferModal", "class" => "modal fade", "aria-labelledby" => "transferModal", "aria-hidden" => "true"]) !!}
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h5 class="modal-title colorOrange1">Transfer</h5>
      </div>
      <div class="modal-body">
        ...
        <div class="row">
          <div class="col-xs-12">
            <div class="form-group">
              <div class="checkbox checkbox-primary">
                {!! Form::checkbox("agreeTermsOfUse", null, null, ["id" => "termsOfUse", "data-error" => "You must agree Terms of Use", "required"]) !!}
                <label for="termsOfUse"> I agree with Terms Of Use </label>
                <div class="help-block with-errors"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-info" data-dismiss="modal">Close</button>
        <button type="submit" id="submitTransferDetails" class="btn bgTeal1" name="operationBtn" value="transferFund">Submit</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
{!! Form::close() !!}

这是我的表单验证函数是 JS：

$('#transferModal').validator();

我这样更新了我的代码，它会提交表单，但是需要1000个控制台日志然后才出现错误并提交，为什么会这样？？

$('#transferModal').validator().on('submit', function (e) {
  if ($("input[name='transferPasswordStatus']").val() == "true") {
    if (e.isDefaultPrevented()) {
      // handle the invalid form...
    } else {
      console.log("eooer");
      $(this).submit();
    }
  }
  else if ($("input[name='transferPasswordStatus']").val() == "false") {
    alert("Password mismatch");
  }
});

这是打印屏幕：

我已经测试了几次，提交按钮名称也不是“提交”，但它根本不提交。

问题是什么，我该如何解决？？

Answer 1

您是否尝试过在没有 js 的情况下启用验证？

这样：

<form role="form" data-toggle="validator">
  ...
</form>