拒绝回车提交！！！

最新推荐文章于 2024-08-26 19:22:26 发布

事后诸葛亮

最新推荐文章于 2024-08-26 19:22:26 发布

阅读量469

点赞数

分类专栏： JavaScript 文章标签： button action html java jsp input

本文链接：https://blog.csdn.net/zq9017197/article/details/5803187

版权

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

最近这个公司老爱用些旧框架和老版本的开发环境，不过编写代码要求还非常严格，这不对于jsp页面上的提交就要求

只能用form的submit来提交，不能用button的click来提交，因为click回车也能提交，而前者必须鼠标点。

废话不多说，做了个demo总结一下，也方便自己记忆。后台是用的strutt的action！！！

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>click</title> <mce:script type="text/javascript"></mce:script> </head> <body> <form id="form" action="click.do" method="post"> <input type="button" value="button" οnclick="check();"/> </form> </body> </html>

对于这段代码，我以前就是爱这么做，return false; 后面的代码不会执行，所以页面也不会提交，

因为提交代码是后面的：form.submit();

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>submit</title> <mce:script type="text/javascript"></mce:script> </head> <body> <form action="submit.do" method="post" οnsubmit="return check();"> <input type="submit" value="submit"/> </form> </body> </html>

对于这段代码，return false; 后面的代码不会执行，但是页面会提交，

因为提交代码是onsubmit事件，解决办法是：οnsubmit="return check();"

check();返回false，前面加个return，事件onsubmit就不会提交了！！！

知道的人可能觉得非常简单，但是这个也算个小小的经验吧，不知道的学习！

事后诸葛亮

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
拒绝回车提交！！！

<br />最近这个公司老爱用些旧框架和老版本的开发环境，不过编写代码要求还非常严格，这不对于jsp页面上的提交就要求<br />只能用form的submit来提交，不能用button的click来提交，因为click回车也能提交，而前者必须鼠标点。<br />废话不多说，做了个demo总结一下，也方便自己记忆。后台是用的strutt的action！！！<br /><%@ page language="java" contentType="text/html; charset=UTF-8" pageEnco
复制链接

扫一扫

专栏目录