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

Posted 2023-05-08

【中文标题】1000hz Bootstrap 验证器在验证触发时未提交 - Laravel

【英文标题】：1000hz Bootstrap validator not submit when validate triggered - Laravel

【发布时间】：2018-11-04 14:19:54

【问题描述】：

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

!! 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");
  
);

这是打印屏幕：

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

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

【参考方案1】：

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

这样：

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

【讨论】：

是的，我之前试过这个选项，结果是一样的，我更新了我的问题，控制台日志在提交时返回一些错误。

嗯，甚至不知道..这是小提琴，一切正常jsfiddle.net/d1e8ghxj/3