[英]Why does the bootstrap form validation happen after the submit button is pressed?
我有一个使用引导程序构建的表单,并且我发现在提交按钮的onclick事件之前表单验证没有运行,这是没有用的。
请查看此小提琴的示例-按下2个表格上的注册按钮,以了解我的意思。
http://jsfiddle.net/5tr34k/ax13nLof/
我想要一种方法来防止onclick事件发生,直到成功通过表单验证,然后再运行onclick javascript
<h3>Example</h3>
<form action="" method="post" name="registration_form1">
<input type="text" class="form-control" placeholder="Username" required name="username" id="username">
<input type="email" class="form-control" placeholder="Email" required="true" name="email" id="email">
<input type="password" class="form-control" placeholder="Password" required name="password" id="password">
<input type="password" class="form-control" placeholder="Confirm Password" required name="confirmpwd" id="confirmpwd">
<button id="myButton2" onclick="alert('i happen before validation');" type="submit" class="btn btn-default" >Register</button>
</form>
在上面的代码中,JavaScript警报在验证表单之前运行。 可以阻止或更改此操作,以便javascript在表单验证后运行吗?
您需要使用表单的Submit事件,而不是按钮的click事件。
$('#form').on('submit', function (e) {
//your awesome code here
alert('I HAPPEN BEFORE FORM VALIDATION');
})
演示: 小提琴
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.