在文本框呼叫按钮事件中输入密钥 [英] Enter key in textbox call button event
本文介绍了在文本框呼叫按钮事件中输入密钥的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
当我按下文本框上的回车键时如何防止表单自动提交?
解决方案
< script type = text / jscript language = javascript >
function submitButton(){
if(window.event.keyCode == 0){
return false;
}
else {
return true;
}
}
< / script >
你的按钮应该是这样的:
< form id =form1runat =serveronsubmit =return submitButton()>
如果这是正确的,则标记为答案。
< script type = text / javascript >
function disableSubmitOnEnter(event){
if(!event)
event = window.event
var keycode;
if(event.which)
keycode = event.which
else
var keycode = event.keyCode
if(keycode == 13)
return假;
else返回true;
}
< / script >
< input type =textonkeydown =return disableSubmitOnEnter(事件); />
< HTML>
< head>
< title>新文档< / title>
< script language =javascripttype =text / javascript>
<! - function goNext(the_val,field_name)
{
if(the_val.length == 3)
{
document.forms [''the_form ''] .elements [FIELD_NAME] .focus();
}
}
- >
< / script>
< / head>
< body>
< form name =the_form>
< input type =textname =tb1onkeyup =goNext(this.value,''tb2'');>< br>
< input type =textname =tb2onkeyup =goNext(this.value,''tb3'');>< br>
< input type =textname =tb3onkeyup =goNext(this.value,''tb4'');>< br>< input type =textname = tb4onkeyup =goNext(this.value,''submit1'');>< br>
< input type =submitname =submit1value =这是提交按钮>
< / form>
< / body>
< / html>
how to prevent auto submit of form when i press enter key on textbox?
解决方案
<script type="text/jscript" language="javascript"> function submitButton() { if (window.event.keyCode == 0) { return false; } else { return true; } } </script>
your button should like this:
<form id="form1" runat="server" onsubmit="return submitButton()">
If this is correct then Marked as Answer.
<script type="text/javascript"> function disableSubmitOnEnter(event) { if (!event) event = window.event var keycode; if (event.which) keycode = event.which else var keycode = event.keyCode if (keycode == 13) return false; else return true; } </script>
<input type="text" onkeydown="return disableSubmitOnEnter(event);" />
<html> <head> <title>new document</title> <script language="javascript" type="text/javascript"> <!--function goNext(the_val, field_name) { if (the_val.length == 3) { document.forms[''the_form''].elements[field_name].focus(); } } --> </script> </head> <body> <form name="the_form"> <input type="text" name="tb1" onkeyup="goNext(this.value, ''tb2'');"><br> <input type="text" name="tb2" onkeyup="goNext(this.value, ''tb3'');"><br> <input type="text" name="tb3" onkeyup="goNext(this.value, ''tb4'');"><br><input type="text" name="tb4" onkeyup="goNext(this.value, ''submit1'');"><br> <input type="submit" name="submit1" value="this is the submit button"> </form> </body> </html>
这篇关于在文本框呼叫按钮事件中输入密钥的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文