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

您可以使用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 回答
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 回答