怎么通过JS屏蔽回车键提交表单-JavaSript-爱易网页

怎么通过JS屏蔽回车键提交表单

日期：2014-05-16　浏览次数：20327 次

如何通过JS屏蔽回车键提交表单？
如何通过JS屏蔽回车键提交表单？

在我下面的代码的基础上改，注意，check函数要保留。

HTML code


<script language="JavaScript">
<!--

function check()
{
    if (myform.myname.value=="")
    {
        alert("请输入名字");
        return false;
    }
    return true;
}

//-->
</script>


<form name="myform" action="a.asp" method="post" onsubmit="javascript:return check();">

名字：<input type="text" name="myname">

<input type="submit" value="提交">

</form>

我希望在此基础上加一个屏蔽回车键的功能，我希望按回车键，不要提交表单！！！

注意：
一，是【不要】提交表单，而不是要提交表单。

二，要兼容谷歌，火狐，遨游，TT,IE6,7,8,9,10

------解决方案--------------------
你要求兼容的太多，而且会造成很多问题出现，不好写，降低点要求吧
------解决方案--------------------
它本身按回车键就是不提交表单的啊...
------解决方案--------------------
提供个思路给你。
首先 keydown去捕获回车键的keyCode。
然后form的submit单独提出来，当检测到e.keyCode＝＝为回车键的时候， return false消除
默认提交表单行为。
------解决方案--------------------
方法1，把type=submit改成type="button" onclick="this.form.submit()"
------解决方案--------------------
方法2
<body onkeydown="return disSubmit(event)">
<form action="a.aspx">
<input name="x"><inpu type=submit>
</form>
<script>
function disSubmit(evt)
{
e = window.event || evt;
ele = window.event?window.event.srcElement : evt.target;
if(e.keyCode == 13) return((ele.tagName=='TEXTAREA')?true:false)
}
</script>
------解决方案--------------------
楼上挺有意思的
还搞了个冒泡委托
------解决方案--------------------

JScript code

<script language="javascript">
    document.onkeydown = function(){
        var event = event||window.event;
        if (event.keyCode == 13) {
            event.returnValue = false;
            event.cancelBubble = true;
            return false;
        }
    }
</script>

------解决方案--------------------
所有的事件都是增加一个监听。。。

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

怎么通过JS屏蔽回车键提交表单

相关资料更多>

推荐阅读更多>