在文本框呼叫按钮事件中输入密钥 [英] Enter key in textbox call button event

查看:81
本文介绍了在文本框呼叫按钮事件中输入密钥的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

当我按下文本框上的回车键时如何防止表单自动提交?

解决方案

 <   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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆