0

多数のテキスト入力と最後に送信ボタンがあるフォームがあります。送信時に関数をトリガーしたいのですが、問題があります。

フォームは以下のとおりで、次のことを試しました。

$('#contactForm input.btn_submit').click(function(event){ // function here

$('#contactForm input.btn_submit').click(function(event){ // function here

$('#contactForm.report_row.input.btn_submit').click(function(event){ // function here

しかし、運が悪い。

フォームは次のとおりです。

<form action="https://example.com/index.php/contact" method="post" id="contactForm" name="contactForm">
    <input type="hidden" />

    <div class="report_row">
        <strong>Your Name:</strong><br />
        <input type="text" id="contact_name" name="contact_name" value=""  class="text" />              </div>
    <div class="report_row">
        <strong>Your Email Address:</strong><br />
        <input type="text" id="contact_email" name="contact_email" value=""  class="text" />                </div>
    <div class="report_row">
        <strong>Your Phone Number:</strong><br />
        <input type="text" id="contact_phone" name="contact_phone" value=""  class="text" />                </div>
    <div class="report_row">
        <strong>Message Subject:</strong><br />
        <input type="text" id="contact_subject" name="contact_subject" value=""  class="text" />                </div>                              
    <div class="report_row">
        <strong>Message:</strong><br />
        <textarea id="contact_message" name="contact_message"  rows="4" cols="40" class="textarea long" ></textarea>                </div>      
    <div class="report_row">
        <strong>Security Code:</strong><br />
        20 + 9 = <br />
        <input type="text" id="captcha" name="captcha" value=""  class="text" />                </div>
    <div class="report_row">
        <input name="submit" type="submit" value="Send Message" class="btn_submit" />
    </div>
</form>

最後に送信ボタンをクリックすると、関数をトリガーするにはどうすればよいですか?

4

4 に答える 4

1

どうですか

$('form').submit(function(){// ...
                                    });
于 2013-09-10T20:18:23.710 に答える
1

フォームが送信されるたびに、以下がトリガーされます。

$(document).ready(function() {
    $('#contactForm').submit(function() { 
        //... your code here
    });
});
于 2013-09-10T20:18:24.517 に答える
1

たぶん、次のようなことを試すことができます：

$('#contactForm').submit(function() {

});

また

$('#contactForm').on('submit', function() {

});
于 2013-09-10T20:20:02.610 に答える