CODEWITHSUNDEEP
phpjqueryhtmlformswordpress
Surinder ツ
Surinder ツ

Reputation: 1788

prevent user from submitting form

I have my website in which I have email pdf functionality

Procedure is :

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.

Upvotes: 2

Views: 319

Answers (5)

Paz
Paz

Reputation: 694

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;

Upvotes: 1

Vince Lowe
Vince Lowe

Reputation: 3630

you can try this to disable the submit on keypress

$(function() {

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

});

Upvotes: 3

ROY Finley
ROY Finley

Reputation: 1416

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>

Upvotes: 0

Kyle Johnson
Kyle Johnson

Reputation: 765

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.

Upvotes: 0

Zevi Sternlicht
Zevi Sternlicht

Reputation: 5399

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;
    }
});

Upvotes: 4

Related Questions