在文本框呼叫按钮事件中输入密钥

编程入门 行业动态 更新时间:2024-10-28 09:14:08
本文介绍了在文本框呼叫按钮事件中输入密钥的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧! 问题描述

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

解决方案

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

更多推荐

在文本框呼叫按钮事件中输入密钥

本文发布于:2023-08-01 18:45:58,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1270761.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:密钥   文本框   按钮   事件中

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!