javascript 按回车键相应按钮提交事件_javascript技巧
程序员文章站
2022-05-09 15:16:27
...
1、使用提交按钮提交,在form表单中的onsubmit事件进行表单验证:
2、使用button或图片的onclick事件调用表单验证代码:
但是,使用第二种方式进行提交表单时,不能在填写完表单时,按回车不能提交表单。这给客户的
感受是和直接使用提交按钮提交表单是不同的;为了实现此项功能只需在你的页面加上如下javascript代码即可
function butOnClick() {
if (event.keyCode == 13) {
var button = document.getElementById("bsubmit"); //bsubmit 为botton按钮的id
button.click();
return false;
}
}
在你表单最有一个输入项中出发onkeydown事件调用butOnClick()函数即可;例如:登陆程序的最后一项是密码,则
这样当你输入完密码后,按下回车键即可实现表单验证和登录操作(如果用户名和密码正确)。这是个人的一点总结,共享出来
大家齐分享!
复制代码 代码如下:
2、使用button或图片的onclick事件调用表单验证代码:
复制代码 代码如下:
但是,使用第二种方式进行提交表单时,不能在填写完表单时,按回车不能提交表单。这给客户的
感受是和直接使用提交按钮提交表单是不同的;为了实现此项功能只需在你的页面加上如下javascript代码即可
复制代码 代码如下:
function butOnClick() {
if (event.keyCode == 13) {
var button = document.getElementById("bsubmit"); //bsubmit 为botton按钮的id
button.click();
return false;
}
}
在你表单最有一个输入项中出发onkeydown事件调用butOnClick()函数即可;例如:登陆程序的最后一项是密码,则
这样当你输入完密码后,按下回车键即可实现表单验证和登录操作(如果用户名和密码正确)。这是个人的一点总结,共享出来
大家齐分享!
推荐阅读
-
按下回车键指向下一个位置的一个函数代码_javascript技巧
-
JavaScript实现点击按钮后变灰避免多次重复提交_javascript技巧
-
巧用js提交表单轻松解决一个页面有多个提交按钮_javascript技巧
-
巧用js提交表单轻松解决一个页面有多个提交按钮_javascript技巧
-
屏蔽相应键盘按钮操作_javascript技巧
-
文本框中,回车键触发事件的js代码[多浏览器兼容]_javascript技巧
-
js隐藏与显示回到顶部按钮及window.onscroll事件应用_javascript技巧
-
用js提交表单解决一个页面有多个提交按钮的问题_javascript技巧
-
js 事件截取enter按键页面提交事件示例代码_javascript技巧
-
js隐藏与显示回到顶部按钮及window.onscroll事件应用_javascript技巧