阻止用户提交表单

时间:2012-12-28 13:14:24

标签: php jquery html forms wordpress

我的网站中有电子邮件pdf 功能

程序是:

  • 当用户输入电子邮件,然后他必须点击提交按钮
  • 点击提交按钮后,表单将不会提交,表单将隐藏
  • 还有一个隐藏的div包含谢谢消息,其中包含确定按钮
  • 当用户点击确定按钮时,表单将提交。

但现在问题是:

当用户输入电子邮件时,如果他意外按 ENTER ,则表单会在未显示感谢信息的情况下提交。

我想在用户按输入键时停用 ENTER

5 个答案:

答案 0 :(得分:4)

如果输入键返回false,请检查是否按下了哪个键。使用jQuery很容易。

var field = $('.classname');

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

答案 1 :(得分:3)

您可以尝试此操作来禁用按键提交

$(function() {

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

});

答案 2 :(得分:1)

使用此代码,肯定会对您有用:

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;

答案 3 :(得分:0)

使用常规html按钮而不是提交按钮。在按钮的onclick事件中写一些Javascript来显示/隐藏DIV。感谢DIV上的按钮使其成为提交按钮。

答案 4 :(得分:0)

将其放在脚本中:

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