Javascript 为什么在按下提交按钮后会进行引导表单验证?
我有一个用bootstrap构建的表单,我发现表单验证不会在提交按钮的onclick事件之前运行,这是一种无用的操作 请看这把小提琴的例子-按下两张表格上的注册按钮,看看我的意思 我想要一种方法来防止onclick事件发生,直到表单验证成功通过,然后运行onclick javascriptJavascript 为什么在按下提交按钮后会进行引导表单验证?,javascript,jquery,html,forms,twitter-bootstrap,Javascript,Jquery,Html,Forms,Twitter Bootstrap,我有一个用bootstrap构建的表单,我发现表单验证不会在提交按钮的onclick事件之前运行,这是一种无用的操作 请看这把小提琴的例子-按下两张表格上的注册按钮,看看我的意思 我想要一种方法来防止onclick事件发生,直到表单验证成功通过,然后运行onclick javascript <h3>Example</h3> <form action="" method="post" name="registration_form1">
<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在表单验证后运行?您需要使用表单的提交事件,而不是按钮的单击事件
$('#form').on('submit', function (e) {
//your awesome code here
alert('I HAPPEN BEFORE FORM VALIDATION');
})
演示:为什么第二个表单仍然不能与您的#表单提交javascript一起使用?@jordan.peoples有一个内联onlcick处理程序。。。此外,选择器
$('#form')
也会更改-