Jquery表单验证插件-如果选中复选框，如何在提交时执行某些操作

Jquery form validation plugin - how to do something on submit if a checkbox is checked?

本文关键字：提交 执行 操作 插件 验证 表单 如果 复选框 Jquery      更新时间：2023-09-26

我有一个非常简单的表单，包含几个字段和几个复选框。我需要的是，当选中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();  
 }
相关文章：