知识大全 JS实现文本框回车提交
Posted 密码
篇首语:既然选择远方,就注定风雨兼程。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 JS实现文本框回车提交相关的知识,希望对你有一定的参考价值。
JS实现文本框回车提交 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!
我在网上找了不少相关的资料 没有一个能直接拿来给我用的 经过一番琢磨还是弄明白了 我登陆界面有三个文本框 用户名(asp:TextBox id=txtUserName) 密码(asp:TextBox id=txtUserPassword) 验证码(asp:TextBox id=txtSN) 两个按钮 登陆(asp:Button id=btnLogin) 重置(asp:Button id=btnReset) 我想实现的是 输入用户名后按Enter 光标移动到密码框 输入密码后按Enter 光标移动到验证码框 输入验证码后按Enter 提交表单 <! 我用的不是Input HTML的元素 >
下面说一下我的解决方案
实现按Enter等同Tab的功能
<script language= javascript for= document event= onkeydown >
if(event keyCode== && event srcElement type!= button && event srcElement type!= submit && event srcElement type!= reset && event srcElement type!= textarea && event srcElement type!= )
event keyCode= ; //Tab的键值为 Enter的键值为
</script>
最后一个文本框(验证码 txtSN)输入后 按Enter提交表单
<script language = javascript >
function getEnter()
if(event keyCode == && event srcElement type!= submit )
event returnValue=false;
//document all( btnLogin ) click(); 这个也行 测试过
document getElementById( btnLogin ) click();
</script>
在Page_Load里加上 this txtSN Attributes Add( onKeyDown getEnter() );就OK!
cha138/Article/program/net/201311/12076相关参考
本文为大家介绍下利用js来验证文本框的值当鼠标焦点离开文本框时进行验证示例代码如下感兴趣的朋友可以参考下哈希望对大家有所帮助 利用js来验证文本框的值复制代码代码如下:lishixinz
JS文本框追加多个下拉框的值的简单实例 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!这篇文章介绍了
JS代码同步文本框内容的实例方法 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!这篇文章介绍了JS代
JS控制文本框textarea输入字数限制 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!lishi
知识大全 javascript获取下拉列表框当中的文本值示例代码
需要将用户点击下拉列表当中某个选项后将其所选的内容保存起来下面与大家分享下如何使用js获取下拉列表框文本值由此需求的朋友可以参考下 近日碰到一个问题就是需要将用户点击下拉列表当中某个选项
许多时候我们在制作表单时需要限制文本框输入内容的类型下面我们用正则表达式限制文本框只能输入数字小数点英文字母汉字等各类代码 文本框只能输入数字代码(小数点也不能输入) &n
Javascript中CTRL+回车提交表单 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!<
知识大全 获取DataGrid单元格中的内容与锁定文本框中的文本
获取DataGrid单元格中的内容与锁定文本框中的文本 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧
文本框防止非法字符输入 只输入整数 PrivateSubText_KeyPress(KeyAsciiAsInteger) Se
JavaScript获取/更改文本框的值 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 尽管&l