prevent user from submitting form

0 Views

I have my website in which I have email pdf functionality

Procedure is :

Read More
  • when user enters email and then he has to click on submit button
  • after clicking submit button , form will not submit and form will hide and
  • there is another hidden div contains thank you message which appears with Ok button.
  • When User Click on OK button then form will submit.

But Now the Problem is :

When User enter email and if he press ENTER accidentally then form gets submitted without showing thank you message.

I want to Disable ENTER when user Press Enter key.

Post Views: 0

Related posts

Leave a Reply

5 comments

  1. Check which key was pressed ant if was the enter key return false. Using jQuery this is easy.

    var field = $('.classname');

field.keydown(function(e){
    if(e.which==13){
        return false;
    }
});

  2. you can try this to disable the submit on keypress

    $(function() {

    $("form").on("keypress", function(e) {
            if (e.keyCode == 13) return false;
      });

});

  3. Use this code, will surely work for you:

    var class = $('.classname');
function stopRKey(evt) {
var evt = (evt) ? evt : ((event) ? event : null);
var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
if ((evt.keyCode == 13) && (node.type=="text")) {return false;}
}

class.onkeypress = stopRKey;

  4. Use a regular html button instead of a submit button. In the onclick event of the button write some Javascript to show/hide the DIV. The button on the Thank You DIV make that a submit button.

  5. Place this in the script:

    <script language="JavaScript">
function TriggeredKey(e)
{
    var keycode;
    if (window.event) keycode = window.event.keyCode;
    if (window.event.keyCode == 13 ) return false;
}
</script>