Jquery表单验证插件-如果选中复选框,如何在提交时执行某些操作
Jquery form validation plugin - how to do something on submit if a checkbox is checked?
我有一个非常简单的表单,包含几个字段和几个复选框。我需要的是,当选中postto
复选框时,它会在提交之前调用一个函数。
我怎么能做到这一点??
$("#form").validate({
debug: true,
errorContainer: $(".warning"),
rules: {
comment: {
maxlength: 25
},
'phone': {
number: true
}
},
submitHandler: function(form) {
form.submit();
}
});
<form id="form" method="post">
<div class="first"><textarea name="comment" id="comment" tabindex="1" placeholder="Write your fondest memory here *" required></textarea></div>
<div><label for="firstname">First Name *</label><input name="firstname" type="text" id="firstname" tabindex="2" required></div>
<div><label for="lastname">Last Name *</label><input name="lastname" type="text" id="lastname" tabindex="3" required></div>
<div><label for="email">Email Address *</label><input name="email" type="email" id="email" tabindex="4" required></div>
<div><label for="phone">Phone Number *</label><input name="phone" type="text" id="phone" tabindex="5" required></div>
<section>
<div class="postto"><input name="postto" type="checkbox" id="postto" value="1" tabindex="6"><label for="postto">Post to my wall</label></div>
<div class="newsletter"><input name="newsletter" type="checkbox" id="newsletter" value="1" tabindex="7"><label for="newsletter">I want to sign up to the Penguin newsletter</label></div>
<div class="submit-button"><input name="submitbutton" type="submit" value="enter" tabindex="8"></div>
<p class="warning">^ Please fill in the required fields with the correct information.</p>
</section>
</form>
将要激发的处理程序放在form.submit()
上。它将在表单实际提交到Web服务器之前执行。
请参阅:http://api.jquery.com/submit/
.submit()
是一个与单击、悬停等类似的事件。您可以将处理程序绑定到它,这些处理程序将在默认操作之前执行。
查看您的代码,我认为您应该在之前调用函数
form.submit()
调用submitHandler内部,因此它应该成为
submitHandler: function(form) {
//your call goes here...
form.submit();
}
相关文章:
- HTML表单提交时未执行外部函数
- Jquery表单验证插件-如果选中复选框,如何在提交时执行某些操作
- javascript下载一个文件并执行提交操作
- HTML表单-按'时执行脚本;输入',无需提交
- 将JavaScript函数分配给提交按钮,该按钮应有条件执行
- 在表单同步提交后执行 js 吗?
- 表单的“操作”和“提交”:哪个先执行
- “表单操作”和“点击时提交表单”都将执行
- 如何在节点的沙盒环境中执行用户提交的javascript代码
- 带有远程 => true 的 Rails 表单提交 -- JS 文件呈现但不执行
- 如何在Safari提交表单之前执行JQuery
- JQuery/JavaScript:遍历表单字段,执行计算,然后提交
- 未执行Ajax隐藏表单提交验证
- 带有两个提交按钮的提交表单,每个按钮执行不同的操作问题
- Rails 5提交表单后在页面加载时执行javascript
- 保证HTML表单提交和jQuery onclick的执行顺序
- ng提交未执行
- 提交→执行PHP脚本->提醒用户——同时保持在同一页面上
- 表单提交执行JavaScript最佳实践
- Javabean和表单提交执行顺序问题