Make form run a javascript function?

Question

How can I make my form run a function when submit is clicked?

<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>
    ...

I am trying running the following function:

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

Possible duplicate of Form Submit Execute Javascript Best Practice? — Nobody
– Nobody, Commented May 13, 2017 at 23:15

Dmytro Zarezenko · Accepted Answer · 2012-10-02 17:12:27Z

5

Use onclick attribute instead of action.

answered Oct 2, 2012 at 17:12

Dmytro Zarezenko

10.7k12 gold badges67 silver badges105 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Cédric Verstraeten · Accepted Answer · 2012-10-03 11:16:00Z

1

You could use jQuery, and use the .submit() function. You can give the form an id and then attach the submit function to it.

Example:

<form id="execute"....

</form>

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

make sure you have included the jquery js file.

<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>

edited Oct 3, 2012 at 11:16

answered Oct 2, 2012 at 17:16

Cédric Verstraeten

6041 gold badge6 silver badges17 bronze badges

Comments

1218985 · Accepted Answer · 2012-10-02 17:18:39Z

You can use the onsubmit event to execute JavaScript code when the form is submitted. For example:

<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>

Thank you!

Collectives™ on Stack Overflow

Make form run a javascript function?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related