3

送信がクリックされたときにフォームに機能を実行させるにはどうすればよいですか?

<form id="commentForm" name="comment">
    <fieldset>
        <label for="name">Name <span>(required)</span></label>
        <input type="text" class="text" id="name" value="" />
        <label for="email">Email <span>(will not be published) (required)</span></label>
        <input type="text" class="text" id="email" value="" />
        <label for="website">Website</label>
        <input type="text" class="text" id="website" value="" />
        <label for="message">Message <span>(required)</span></label>
        <textarea id="message" class="textarea" rows="10"></textarea>
        <input type="submit" name="submit" class="submit" id="submit_btn" value="Submit Comment" action="JavaScript: ajax_add_comment();">
    </fieldset>
    ...

次の関数を実行しようとしています。

function ajax_add_comment () {
    alert ("testing");
}
4

3 に答える 3

5

onclickの代わりに属性を使用しますaction

于 2012-10-02T17:12:27.827 に答える
1

このonsubmitイベントを使用して、フォームが送信されたときに JavaScript コードを実行できます。例えば:

<script>
function ajax_add_comment () {
  alert ("testing");
}
</script>

<form id="commentForm" name="comment">
                            <fieldset>
                                <label for="name">Name <span>(required)</span></label>
                                <input type="text" class="text" id="name" value="" />
                                <label for="email">Email <span>(will not be published) (required)</span></label>
                                <input type="text" class="text" id="email" value="" />
                                <label for="website">Website</label>
                                <input type="text" class="text" id="website" value="" />                                                                
                                <label for="message">Message <span>(required)</span></label>
                                <textarea id="message" class="textarea" rows="10"></textarea>
                                <input type="submit" name="submit" class="submit" id="submit_btn" value="Submit Comment" onsubmit="ajax_add_comment();">
                            </fieldset>

ありがとうございました!

于 2012-10-02T17:18:39.837 に答える
1

jQueryを使用し、.submit()関数を使用できます。フォームにidを指定してから、送信機能をそれに添付できます。

例:

<form id="execute"....

</form>

<script type="javascript">
$("#execute").submit(function(){
 alert("i've submitted this form");
});
</script>

jquery js ファイルが含まれていることを確認してください。

<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
于 2012-10-02T17:16:09.977 に答える