Difference between revisions of "JavaScript onsubmit"

From Market Ruler Help
Jump to: navigation, search
m
m
Line 15: Line 15:
 
The change appears like:
 
The change appears like:
  
<code>&lt;form action="''url to submit to''" method="post" onsubmit="return cr_submit('8')"&gt;<br />
+
<code>&lt;form action="''url to submit to''" method="post" onsubmit="return cr_submit(this, '8')"&gt;<br />
 
&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="email" value="" /><br />
 
&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="email" value="" /><br />
 
&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" name="subscribe" value="Subscribe" /><br />
 
&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" name="subscribe" value="Subscribe" /><br />

Revision as of 13:28, 4 November 2010

In a web page's HTML, a web developer can use JavaScript to trigger client-side code to track when a form is submitted.

The <form> HTML tag appears like so:

<form action="url to submit to" method="post">
    <input type="text" name="email" value="" />
    <input type="submit" name="subscribe" value="Subscribe" />
</form>

The onsubmit attribute can be added to the form tag, and the value contains the JavaScript to run when the user:

  • Presses the Enter key on their keyboard, or
  • Presses the input element which is of type "submit" (here, "Subscribe" button)

The change appears like:

<form action="url to submit to" method="post" onsubmit="return cr_submit(this, '8')">
    <input type="text" name="email" value="" />
    <input type="submit" name="subscribe" value="Subscribe" />
</form>

For more information