Javascript 当触发提交时,引导模式中的HTML5验证将触发ech字段的提交
我有一个函数,可以触发一个表单提交推特引导模式按钮。但是当表单无效时,onsubmit事件会为每个无效字段激发。 表单有一个隐藏的提交按钮来进行html5验证,当按下modal按钮时,这个隐藏的提交会触发klick 功能:Javascript 当触发提交时,引导模式中的HTML5验证将触发ech字段的提交,javascript,jquery,twitter-bootstrap-3,html5-validation,Javascript,Jquery,Twitter Bootstrap 3,Html5 Validation,我有一个函数,可以触发一个表单提交推特引导模式按钮。但是当表单无效时,onsubmit事件会为每个无效字段激发。 表单有一个隐藏的提交按钮来进行html5验证,当按下modal按钮时,这个隐藏的提交会触发klick 功能: $('#'+dialogId).on('click', '.btn-primary', function () { var body = $(this).parent('.modal-footer').prev('.modal-body');
$('#'+dialogId).on('click', '.btn-primary', function () {
var body = $(this).parent('.modal-footer').prev('.modal-body');
var form = body.find('form');
form.on('submit', function (e) {
e.preventDefault();
if(typeof form[0].checkValidity == 'function' && form[0].checkValidity() === true) {
$.post($(form).attr('action'), form.serialize(), function (response) {
// some other stuff
});
}
});
$('#'+buttonId).trigger('click');
});
及表格:
<form class="form-horizontal" action="/app_dev.php/players/" method="post" name="appbundle_players"><fieldset><div class="form-group"><label class="control-label col-sm-3 required" for="appbundle_players_firstname">
Firstname
</label><div class="col-sm-9"><input type="text" class="form-control" pattern=".{2,}" maxlength="255" required="required" name="appbundle_players[firstname]" id="appbundle_players_firstname"></div></div><div class="form-group"><label class="control-label col-sm-3 required" for="appbundle_players_lastname">
Lastname
</label><div class="col-sm-9"><input type="text" class="form-control" pattern=".{2,}" maxlength="255" required="required" name="appbundle_players[lastname]" id="appbundle_players_lastname"></div></div><div class="form-group"><label class="control-label col-sm-3 required" for="appbundle_players_passnr">
Passnr
</label><div class="col-sm-9"><input type="text" class="form-control" required="required" name="appbundle_players[passnr]" id="appbundle_players_passnr"></div></div><div class="form-group"><label class="control-label col-sm-3 optional" for="appbundle_players_team">
Team <span>(optional)</span></label><div class="col-sm-9"><select class=" form-control" name="appbundle_players[team]" id="appbundle_players_team"><option value=""></option><optgroup label="Oberliga"><option value="8">Overclocks</option><option value="9">test</option><option selected="selected" value="13">fooop 2</option><option value="14">Jack old</option><option value="15">Spirit</option><option value="16">spitzendarter</option><option value="17">mittendrin</option><option value="20">Rock'n Rollers</option><option value="22">mittendrin</option><option value="23">fooop 2</option><option value="39">sdfsdfsdfsdf</option><option value="40">sdfsdfsdfsdf</option></optgroup><optgroup label="A-Liga"><option value="10">Hackstock</option><option value="11">DC Depp</option><option value="12">FooDarters</option><option value="19">ich bin der test</option></optgroup><optgroup label="B-Liga"><option value="21">B-Liga-Team 1</option><option value="41">Dart Breakers</option><option value="42">Foo Darters</option><option value="43">test</option></optgroup></select></div></div><div class="form-group"><label class="control-label col-sm-3 required" for="appbundle_players_active">
Aktiv
</label><div class="col-sm-9"><select class=" form-control" name="appbundle_players[active]" id="appbundle_players_active"><option value="0">nein</option><option value="1">ja</option></select></div></div><div><button class="btn btn-default" style="display:none;" name="appbundle_players[save]" id="appbundle_players_save" type="submit">
Save</button></div></fieldset></form>
名字
姓氏
护照号
团队(可选)超频Fooop 2 Jack Oldspirit Spitzendartermittedrindrindrindrindrindrindrindrindrinfoop 2 DFSFDFDFDFDFSHACKSTOCKDC DEPPOODARTERSCH bin DEPPOODARTERSCH DEPTB Liga团队1艺术突破者Foo DARTERSSTEST
阿克提夫
尼尼亚
拯救
为什么函数会为每个无效的ajax请求字段激发?为无效的ajax请求激发什么函数?我在bootstrap模式中单击按钮时调用了这段代码。没有无效的ajax请求,但是当一个字段无效并且我在模式中单击save按钮时(现在该字段有效),调用“onsubmit”事件的频率与字段无效的频率相同。