提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

javascript按回车键相应按钮提交事件

JavaScript事件 提交 按钮 相应 回车键
2023-06-13 09:14:13 时间
1、使用提交按钮提交，在form表单中的onsubmit事件进行表单验证：
复制代码代码如下:

<scripttype="text/javascript">

functiononSub(){

//表单验证代码

}

</script>

<formaction=""method=""onsubmit="javascript:onSub();">

2、使用button或图片的onclick事件调用表单验证代码：
复制代码代码如下:

<inputtype="button"name="button"id="button"onclick="javascript:onSub();"/>

<imgsrc="图片路径"onclick="javascript:onSub();"/>

但是，使用第二种方式进行提交表单时，不能在填写完表单时,按回车不能提交表单。这给客户的

感受是和直接使用提交按钮提交表单是不同的；为了实现此项功能只需在你的页面加上如下javascript代码即可
复制代码代码如下:
functionbutOnClick(){
if(event.keyCode==13){
varbutton=document.getElementById("bsubmit");//bsubmit为botton按钮的id
button.click();
returnfalse;
}
}

在你表单最有一个输入项中出发onkeydown事件调用butOnClick()函数即可；例如：登陆程序的最后一项是密码，则

<inputtype="password"name="userPwd"onkeydown="javascript:butOnClick();"/>

这样当你输入完密码后,按下回车键即可实现表单验证和登录操作(如果用户名和密码正确)。这是个人的一点总结，共享出来

大家齐分享！

相关文章