Submit only when hit submit button

  • SaraPiekarski
    Asked on June 23, 2014 at 2:41 PM

    I was filling out the app on line and accidentally hit enter and it submitted my unfinished app.  Can you make it so the only way to submit it is to hit the submit button?

    Page URL: http://www.discoverlodging.net/careers.php
  • Carina
    Replied on June 23, 2014 at 5:14 PM

    It is necessary that you download and edit the form's source code: 

    Submit only when hit submit button Image 1 Screenshot 20

    Now it is necessary that you paste only the green parts into your form's source code. The script part is inserted inside the <head> tag. The "onkeydown" needs to be added to all the fields where we wish to disable enter key:

    <pre>

    <HTML>

    <HEAD>

    <SCRIPT LANGUAGE="javascript"> function testForEnter() { if (event.keyCode == 13) { event.cancelBubble = true; event.returnValue = false; } } </SCRIPT> 

    </HEAD>

    <BODY>

    <FORM id="FORM2" name="FORM2" method="GET" action="testSubmit.htm" style="background-color:lightblue"> <H3>Form2: Stops form submission when user presses ENTER key.</H3> <INPUT id="text2" name="text2" onDISABLEDkeydown="testForEnter();"> <INPUT type="submit" value="Submit">

    </FORM>

    </BODY>

    </HTML>

    </pre>

    You can test this form. Only the name field has this code associated, because it is important to keep the enter function on the comment box:

    https://shots.jotform.com/carina/html/test_prevent_enter_key.html

    Let us know if we can be of assistance.

    Thank you