星期五, 2016-04-15 14:31 — shiping1

jQuery(document).ready(function(){


    jQuery("[name='title']").keydown(function(event){
       
        if(event.keyCode==13){   //这是回车提交
            jQuery(this).parents('form').submit();
        }

    })
})

下面是自己亲自做的

<SCRIPT language=JavaScript>
function checkForm(){

var user=document.getElementById("username");

var pwd=document.getElementById("password");

if(user.value==""){

alert('用户名不允许为空');

user.focus();

return false;

}

if(pwd.value==""){

alert('密码不允许为空');

pwd.focus();

return false;

}

document.forms[0].submit();

//window.location.href="index.php";

}

</SCRIPT>

	<FORM name=loginform action="index.php" method="post" > <TABLE cellSpacing=0 cellPadding=2 width="50%" border=0>
	<TBODY valign="middle">
	<TR>
	<TD class=c92 width="24%">用户名</TD>
	<TD width="76%"><INPUT class=input size=16 id="username" name='userName' value=""
	onKeyUp="if(event.keyCode==13) document.getElementById('password').focus();" style="width:106"> </TD></TR>
	<TR>
	<TD class=c92 width="24%">密　码</TD>
	<TD width="76%"><INPUT class=input type=password size=16 id="password" name="password"
	onKeyDown="if(event.keyCode==13) return checkForm()" value="" style="width:106"></TD></TR>
	<TR>
	<TD width="24%"> </TD>
	<TD width="76%"><input type="hidden" name="submitted" value="submitted">
	<DIV align=left>

	<IMG style="CURSOR: hand" onClick="return checkForm()" src="./images/images/login.png" border=0 >

	<IMG style="CURSOR: hand" src="./images/images/regist.png" border=0 onclick=location.href='./register.php';>
	</DIV></TD></TR></TBODY></TABLE></FORM>

input 回车键提交与不提交表单的解决方法

发表于5个月前(2015-11-28 23:20) 阅读（21） | 评论（0） 0人收藏此文章, 我要收藏

4月23日，武汉源创会火热报名中，期待您的参与>>>>>

最近遇到IE6/7下敲击回车后表单不提交的问题,网上找到些资料,备案下:

回车键提交表单：设置 <input /> 标签或者 <button> 标签的属性 type="submit" 即可。

回车键不提交表单，用JavaScript来解决，具体代码如下：

document.getElementsByTagName('form')[0].onkeydown = function(e){
    var e = e || event;
    var keyNum = e.which || e.keyCode;
    return keyNum==13 ? false : true;
};

分析：

如果按钮用 <input /> 标签，标签的 type="submit" ，IE6、7、8、Firefox回车时均提交。

如果按钮用 <input /> 标签，标签的 type="button" ，

1 没有 <input type="text" value="" /> 回车均不提交。
2 有一个 <input type="text" value="" /> ， IE6、7下焦点在何处回车均不会提交，IE8、只有焦点在 <input type="text" value="" /> 上时回车才会提交， Firefox均回车会提交。
3有多个 <input type="text" value="" /> ，IE6、7、8、Firefox均不会提交。

如果按钮用 <input /> 标签，标签的 type="" ，E6、7、8、Firefox均会默认为 type="text" 。

如果按钮用 <button> 标签，标签的 type="submit" ，E6、7、8、Firefox回车时均提交。

如果按钮用 <button> 标签，标签的 type="button" ，

1 没有 <input type="text" value="" /> 回车均不提交。
2 有一个 <input type="text" value="" /> ， IE6、7下焦点在何处回车均不会提交，IE8、只有焦点在<input type="text" value="" />上时回车才会提交， Firefox均回车会提交。
3 有多个 <input type="text" value="" /> ，IE6、7、8、Firefox均不会提交。

如果按钮用 <button> ，标签的 type="" ，IE6、7下默认的 type="button" ，IE6、7下焦点在何处回车均不提交，IE8、Firefox默认为 type="submit" ，IE8、Firefox均回车会提交。

====================

或者直接在form中写

<html>
<head>
<title>禁止按回车键提交表单</title>
</head>
<body>
<form name="myform" action="" onkeydown="if(event.keyCode==13){return false;}">
<input type=text name=user>
<input type=text name=pass>
<input type=button name=mybutton value=submit onclick=myform.submit()>
</form>
您可以在"myform.submit()"函数里加入表单判断，和一般的表单判断一样，只是改一下函数名。
</body>
</html>

来自 http://my.oschina.net/u/2444569/blog/536971

普通分类:

javascript

You are here

input 回车键提交与不提交表单的解决方法有大用

下面是自己亲自做的

友情链接

搜索表单

用户登录

You are here

input 回车键提交与不提交表单的解决方法 有大用

下面是自己亲自做的

友情链接

input 回车键提交与不提交表单的解决方法有大用