すべての検証エラーが修正された後、ブートストラップバリデータフォームは送信されませんが、検証がトリガーされない場合、フォームを送信できます。これが私のフォームです。
{!! 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なしで検証を有効にしようとしましたか?
そのように: