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

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

作者： 字体：[ 增加  减小] 类型：转载

submit是button的一个特例，也是button的一种，它把提交这个动作自动集成了，submit和button,二者都以按钮的形式展现,看起来都是按钮，所不同的是type属性和处发响应的事件上

id="cproIframe_u1892994_2" width="580" height="90" src="http://pos.baidu.com/acom?adn=3&at=231&aurl=&cad=1&ccd=24&cec=GBK&cfv=17&ch=0&col=zh-CN&conBW=0&conOP=1&cpa=1&dai=2&dis=0&ltr=https%3A%2F%2Fwww.baidu.com%2Flink%3Furl%3DruEgTDkNNfTI7jKGW25f-9BISUr9xUNFRrFbCh9jfGyHYol-Nr87dUY3k8cWnA1p%26wd%3D%26eqid%3Dab50e3f2000026020000000555b5a221&ltu=http%3A%2F%2Fwww.jb51.net%2Farticle%2F42236.htm&lu_161=0&lunum=6&n=jb51_cpr&pcs=1485x815&pis=10000x10000&ps=514x277&psr=1440x900&pss=1485x515&qn=06309de371cb0bb7&rad=&rsi0=580&rsi1=90&rsi5=4&rss0=%23FFFFFF&rss1=%23F7FCFF&rss2=%230000ff&rss3=%23444444&rss4=%23008000&rss5=&rss6=%23e10900&rss7=&scale=&skin=tabcloud_skin_3&stid=5&td_id=1892994&titFF=%E5%AE%8B%E4%BD%93&titFS=12&titTA=left&tn=text_default_580_90&tpr=1437966908263&ts=1&version=2.0&xuanting=0&dtm=BAIDU_DUP2_SETJSONADSLOT&dc=2&di=u1892994&ti=%E5%9C%A8javaScript%E4%B8%AD%E5%85%B3%E4%BA%8Esubmit%E5%92%8Cbutton%E7%9A%84%E5%8C%BA%E5%88%AB%E4%BB%8B%E7%BB%8D_%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86_%E8%84%9A%E6%9C%AC%E4%B9%8B%E5%AE%B6&tt=1437966908251.475.746.747" align="center,center" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" allowtransparency="true">

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文件 
 
用submit的时候，jsp页面 
 
用button的时候，jsp代码 

您可能感兴趣的文章:

• 在jQuery ajax中按钮button和submit的区别分析
• 在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码