以后地位:首页 > 建站常识 > 列表

from 表单提交中button和submit的区分

点击: 次时辰:2018/5/15关头词:网页表单 上海网页设想
表单提交中button和submit的区分submit是button的一个惯例,也是button的一种,它把提交这个举措主动集成了,submit和button,二者都以按钮的情势揭示,看起来都是按钮,所差别的是type属性和处发呼应的事务上。1、 若是表单在

<a href=http://3djiangyin.com/tags/shanghaiwangyesheji/><strong>上海网页设想</strong></a>

表单提交中button和submit的区分

submit是button的一个惯例,也是button的一种,它把提交这个举措主动集成了,submit和button,二者都以按钮的情势揭示,看起来都是按钮,所差别的是type属性和处发呼应的事务上。

1、 若是表单在点击提交按钮后须要用JS停止处置(包含输出考证)后再提交的话,凡是都必须把submit改成button

若是须要操纵submit提交前考证的话 应在方式前加return

如一个登岸模块,先考证用户名是不是为空,若是为空,SUBMIT点击时永久提交不到from表单指定页面。只能是表单情势发送噢!并且不能再表单指定的页面中去考证传出去的值。

function check(){

  var name = document.getElementById("name").value;

  if(name ==  null || name == ''){

       alert("用户名不能为空");  

       return false;

  }

  return true;

}

<form name="form" action="跳转的页面" method="post"  onsubmit="return check()">

 

</form>

   2、submit和button,二者都以按钮的情势揭示,看起来都是按钮,所差别的是type属性和处发呼应的事务上,submit会提交表单,button不会提交表单.

二者首要区分在于:

submit默许为form提交,能够提交表单(form).

button则呼应用户自界说的事务,若是不指定onclick等事务处置函数,它是不做任何任务.固然,button也能够实现表单提交的任务.

INPUT type=submit 即发送表单,按回车提交表单

INPUT type=button 便是纯真的按钮功效,提交的是innerTEXT

<input type="text" id="name"/>

<input type="submit" value="提交"/>

===============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中按照提交按钮的值来区分操纵

 

预定建站
收费供给网站优化
支付关头词