javascript

位置:IT落伍者 >> javascript >> 浏览文章

JS实现文本框回车提交


发布日期:2021年02月02日
 
JS实现文本框回车提交

我在网上找了不少相关的资料没有一个能直接拿来给我用的经过一番琢磨还是弄明白了我登陆界面有三个文本框用户名(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(eventkeyCode== && eventsrcElementtype!=button && eventsrcElementtype!=submit && eventsrcElementtype!=reset && eventsrcElementtype!=textarea && eventsrcElementtype!=)

eventkeyCode=; //Tab的键值为 Enter的键值为

</script>

最后一个文本框(验证码 txtSN)输入后 按Enter提交表单

<script language =javascript>

function getEnter(){

if(eventkeyCode == && eventsrcElementtype!=submit){

eventreturnValue=false;

//documentall(btnLogin)click(); 这个也行 测试过

documentgetElementById(btnLogin)click();

}

}

</script>

在Page_Load里加上 thistxtSNAttributesAdd(onKeyDown getEnter());就OK!

以上两段JS代码网上遍地都是但是任何一个都不能实现我的要求组合起来就好使了继续学习了

上一篇:一种标记是否为AJAX异步请求的思路

下一篇:如何实现最基本的AJAX框架