表单回车跳过验证

转载
[b]问题描述:[/b]应用中的一个表单回车后会提交,但不执行button中的onclick,需要禁用回车提交。
[b]产生原因:[/b]在只有一个控件的FORM中,按回车会提交FORM。在这段程序中,会导致不执行button中的onclick中的JS代码,引起相应错误。
[b]注意[/b]:多于一个控件,回车不会提交。

[b]解决:[/b]
方法一:直接在form的onsubmit方法,因为是自己的方法,无论点击还是回车都会验证。

<form name="form1" id="form1" action="act.php" method="post"
onsubmit="myfn();return false;">


方法二:

<form id="phoneValidateForm" action="a.do" method="post">
在此输入验证码:
<input name="validateCode" id="validateCode" type="text" size="7" maxlength="6" onkeypress="if(event.keyCode==13||event.which==13){return false;}" >
<input type="button" value="验 证" onclick="js代码" />
</form>

注:因firefox里不支持event.keyCode,所以改成
οnkeypress="if(event.keyCode==13||event.which==13){return false;}"实现。
firefox中用event.which捕获用户操作,而且不能设置值,只能取值,所以不能写event.which=0

方法三:

function KeyDown() {
// 当按下“回车键”时执行Submit事件
if (window.event.keyCode == 13){
document.getElementById("ic").onclick);
}
}

引用的地方:

<input name="ticket" id="ti" class="input1" size="4" onkeydown="KeyDown()" >

<img id="ic" src="<%=request.getContextPath()%>/images/pic025a.gif" width="62" height="22" onClick="return toform()"/>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值