数据欧芹不停止表单提交
data parsley not stopping form submit
我认为Data-Parsley应该在发现错误时停止表单提交。当我提交以下表单时,我简要地看到data-parsley捕获的错误,但随后表单操作执行。我遗漏了什么?
<div id="registerreg" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Register...</h4>
</div>
<div class="modal-body">
<form action="<?php echo 'register_success.php'; ?>" method="POST" name="registration_form" id="registration_form" class="margin-bottom-0">
<div class="form-group">
<label>First Name:</label>
<input type="text" id="first" name="first" class="form-control input-lg" placeholder="First Name" required />
</div>
<div class="form-group">
<label>Last Name:</label>
<input type="text" id="last" name="last" class="form-control input-lg" placeholder="Last Name" required />
</div>
<div class="form-group">
<label>Email:</label>
<input type="email" class="form-control input-lg" placeholder="Email Address" id="emailreg" name="emailreg" onkeyup="checkvalid()" data-parsley-trigger="change" required />
<div id="emailwarning" style="color:red;"></div>
</div>
<div class="form-group">
<label>Password: (At least 6 charactors with 1 number)</label>
<input type="password" id="passwordreg" name="passwordreg" class="form-control input-lg" placeholder="Password" data-parsley-minlength="6" data-parsley-pattern="/^[a-zA-Z0-9., ]*[0-9]+[a-zA-Z0-9., ]*$/" title="Passwords must be at least 6 characters long, contain at least one uppercase letter (A..Z), at least one lower case letter (a..z), and at least one number (0..9)"/>
</div>
<div class="form-group">
<label>Repeat Password:</label>
<input type="password" name="confirmpwd" id="confirmpwd" class="form-control input-lg" placeholder="Repeat Password" data-parsley-equalto="#passwordreg" data-parsley-error-message="The entered text does not match the password field."/>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<input type="submit" id="registerbutton" class="btn btn-primary" onclick="return regformhash(this.form, this.form.passwordreg);" value="Register" >
</div>
</form>
</div>
</div>
</div>
<script type="text/javascript">
$('#registration_form').parsley();
</script>
提交按钮中的onclick事件覆盖了数据欧芹函数。从提交按钮中删除onclick事件并让data parsley触发事件解决了这个问题。
改变……
<input type="submit" id="registerbutton" class="btn btn-primary" onclick="return regformhash(this.form, this.form.passwordreg);" value="Register" >
……
<input type="submit" id="registerbutton" class="btn btn-primary" value="Register" >
和
$('#registration_form').parsley();
……
$('#registration_form').parsley().on('form:success', function() {
var form = document.getElementById('registration_form');
var passwordreg = form.passwordreg;
return regformhash(form, passwordreg);
});
相关文章:
- 加载后的页面与ajax表单提交不起作用
- PHP+AAJAX表单提交不起作用
- Jquery、AJAX&PHP,表单提交不起作用
- Ajax表单提交不起作用
- jquery/ajax表单提交不起作用
- Ajax 表单提交不起作用
- 表单提交不会更新绑定到单选按钮的模型
- “返回假;”,因为表单提交不起作用
- PureCSS在表单提交时停止页面重新加载,但保留表单验证
- JavaScript表单提交不会发生任何问题
- 当表单具有id为'的提交按钮时;提交'值,表单提交不起作用
- Jquery表单提交不起作用
- html表单提交不会在元素中永久显示javascript的结果
- 表单提交不起作用
- 我的Ajax表单提交不起作用
- Jquery表单提交不会到达MVC控制器
- AJAX jquery移动php表单提交不更新而不刷新
- 表单提交不会因验证而停止
- 自定义JS表单提交不会停止onsubmit处理程序进行调试
- Javascript -表单提交不停止