在javaScript中关于submit和button的区别介绍


Posted in Javascript onOctober 20, 2013

submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了。
如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消其自动提交的行为,否则,将会造成提交两次的效果,对于动态网页来说,也就是对数据库操作两次。或者在使用submit时验证时加return true或false。
submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上,submit会提交表单,button不会提交表单. 两者主要区别在于:
submit默认为form提交,可以提交表单(form).
button则响应用户自定义的事件,如果不指定onclick等事件处理函数,它是不做任何事情.当然,button也可以完成表单提交的工作. INPUT type=submit 即发送表单,按回车提交表单

INPUT type=button 就是单纯的按钮功能,提交的是innerTEXT

===============submit 和 button的详细对比===================================
submit:特殊的button,会自动将表单的数据提交,onClick方法不加return 会自动提交,并不会起到约束的作用,
所以,使用submit时需要验证请加 return true或false.
例:<input type="submit" name="Submit" value="注 册" onClick=" return check();">,在JS中判断的时候 写return true; 或者 return false; button:普通的按钮,不会自动提交表单数据.可以在JS中显式提

交:document.form1.submit(),使用场合: 一个页面有多个提交按钮,需要根据用户的操作来确定到底提交到哪个控制器,这种情况下,就需要在JS中判断用户的操作,然后根据操作来给document.form1.action赋值并且document.form1.submit()来提交

===============如果想好所有的提交都在一个servlet中处理,该怎么做==================
提交的按钮也是HTML组件,所以也可以通过 getParameter()来得到,那么getParameter()的参数也需要固定下来

参数就是所有的表单的提交按钮的name,当然提交按钮的name要一样才能统一在一个servlet中根据提交按钮的值来区别操作

附代码:

js文件
在javaScript中关于submit和button的区别介绍 
用submit的时候,jsp页面
在javaScript中关于submit和button的区别介绍 
用button的时候,jsp代码
在javaScript中关于submit和button的区别介绍

Javascript 相关文章推荐
js计数器代码
Nov 04 Javascript
在标题栏显示新消息提示,很多公司项目中用到这个方法
Nov 04 Javascript
jQuery实现点击该行即可删除HTML表格行
Oct 17 Javascript
javascript数组详解
Oct 22 Javascript
基于javascript、ajax、memcache和PHP实现的简易在线聊天室
Feb 03 Javascript
使用AngularJS 应用访问 Android 手机的图片库
Mar 24 Javascript
基于jQuery的Web上传插件Uploadify使用示例
May 19 Javascript
AngularJS基础 ng-init 指令简单示例
Aug 02 Javascript
超全面的vue.js使用总结
Feb 12 Javascript
JavaScript编写的网页小游戏,很给力
Aug 18 Javascript
微信小程序实现定位及到指定位置导航的示例代码
Aug 20 Javascript
JavaScript装饰者模式原理与用法实例详解
Mar 09 Javascript
jQuery实现鼠标移到元素上动态提示消息框效果
Oct 20 #Javascript
图片动画横条广告带上下滚动可自定义图片、链接等等
Oct 20 #Javascript
jQuery 属性选择器element[herf*='value']使用示例
Oct 20 #Javascript
js数组的基本用法及数组根据下标(数值或字符)移除元素
Oct 20 #Javascript
浏览器的JavaScript引擎的识别方法
Oct 20 #Javascript
JS实现点击图片在当前页面放大并可关闭的漂亮效果
Oct 18 #Javascript
jquery 循环显示div的示例代码
Oct 18 #Javascript
You might like
php模拟用户自动在qq空间发表文章的方法
2015/01/07 PHP
thinkphp框架实现数据添加和显示功能
2016/06/29 PHP
PHP获取客户端及服务器端IP的封装类
2016/07/21 PHP
php mysql操作mysql_connect连接数据库实例详解
2016/12/26 PHP
jquery获取css中的选择器(实例讲解)
2013/12/02 Javascript
js给selected添加options的方法
2015/05/06 Javascript
浅析Node.js中的内存泄漏问题
2015/06/23 Javascript
js格式化时间的方法
2015/12/18 Javascript
ajax接收后台数据在html页面显示
2017/02/19 Javascript
JavaScript代码判断输入的字符串是否含有特殊字符和表情代码实例
2017/08/17 Javascript
代码详解Vuejs响应式原理
2017/12/20 Javascript
JavaScript格式化json和xml的方法示例
2019/01/22 Javascript
js实现跟随鼠标移动的小球
2019/08/26 Javascript
vue实现购物车功能(商品分类)
2020/04/20 Javascript
vue使用nprogress加载路由进度条的方法
2020/06/04 Javascript
web.py中调用文件夹内模板的方法
2014/08/26 Python
Python中的MongoDB基本操作:连接、查询实例
2015/02/13 Python
pygame学习笔记(2):画点的三种方法和动画实例
2015/04/15 Python
Python常用算法学习基础教程
2017/04/13 Python
python中Apriori算法实现讲解
2017/12/10 Python
浅谈python中requests模块导入的问题
2018/05/18 Python
django-crontab实现服务端的定时任务的示例代码
2020/02/17 Python
HTML5 语义化结构化规范化
2008/10/17 HTML / CSS
世界上最大的艺术社区:SAA
2020/12/30 全球购物
庆中秋节主题活动方案
2014/02/03 职场文书
高等教育学自荐书范文
2014/02/10 职场文书
火车来了教学反思
2014/02/11 职场文书
运动会的口号
2014/06/09 职场文书
县委常委班子专题民主生活会查摆问题及整改措施
2014/09/27 职场文书
2014年团委工作总结
2014/11/13 职场文书
美丽心灵观后感
2015/06/01 职场文书
2015年学校医务室工作总结
2015/07/20 职场文书
心理学培训心得体会
2016/01/22 职场文书
银行工作心得体会范文
2016/01/23 职场文书
Nginx服务器添加Systemd自定义服务过程解析
2021/03/31 Servers
pyqt5蒙版遮罩mask,setmask的使用
2021/06/11 Python