`

Form中button的默认提交

 
阅读更多

1.  当使用button标签时,不需要加入任何事件。当点击时会自动提交form表单。onsumbit的验证也会起不到作用。

2.   解决此问题,可以将button标签换成div标签。此时要添加点击事件,手动提交表单。

	<form action="<%=basePath%>orderManage/saveRemark.do" method="post"
		id="saveOrderRemark">
		<input type="hidden" id="flag" value="${flag }" /> <input
			type="hidden" name="businessId" value="${businessId }" /> <input
			type="hidden" name="businessType" value="${businessType }" />
		<div class="col-xs-12">
			<h3 class="header smaller lighter">备注</h3>
			<div>
				<textarea
					style="overflow: hidden; word-wrap: break-word; resize: horizontal; height: 69px;"
					id="orderRemark" name="remark" maxlength="150"
					class="autosize-transition form-control"></textarea>
			</div>
		</div>
		<div class="col-xs-12 center header">
			<div id="default-buttons">
				<p><!--在此应该注意button与div-->
					<button class="btn btn-primary" id="but_remark_save" >确认</button>
					<div class="btn btn-primary" id="but_remark_cancel" onclick="closeWin()">取消</div>
				</p>
			</div>
		</div>
	</form>
 

 

分享到:
评论

相关推荐

    html中关于form与表单提交操作的资料集合

    这里我们介绍一下form元素与表单...接受请求的URL,该值可以被form元素中的input或button元素的formaction属性覆盖 elements 表单中所有控件集合(HTMLCollection) enctype 请求的编码类型,该值可以被form元素中的

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

    submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了。 如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,... 两者主要区别在于: submit默认为form提交,可以提交表单

    JS中type=”button”和type=”submit”的区别

     (1)Submit将表单提交(form.submit())作为其onclick后的默认事件,Button并非如此  (2)表单提交时,所有具有name属性的html输入元素(包括input标签、button标签、select标签等)都将作为键值对提交,除了Submit对象...

    Form表单及django的form表单的补充

    form 表单中的button按钮 &lt;button&gt;提交&lt;/button&gt; :放在form表单中,会有一个提交事件,会提交form数据, &lt;input type=”button” value=”提交“&gt; :是一个单纯的按钮,没有任何默认事件, 先匹配...

    浅谈angular表单提交中ng-submit的默认使用方法

    在表单提交的时候,我使用了一个button,但ng-submit写在form标签中,然而button中我未使用任何方法访问submit()函数 &lt;form ng-submit=submit(user)&gt; 账号名 &lt;input type=text ng-model=user....

    json-form-submit:客户端表单处理程序,可简化提交过程,同时为您提供控制

    它利用浏览器的默认行为来处理表单提交(为您提供免费的验证/ UI,例如电子邮件或必填字段),同时阻止实际的表单提交,因此您可以自己进行处理。 安装: npm install json-form-submit 用法: &lt;!-- ...

    webform_submit_button:用于Drupal的webform_submit_button模块

    默认情况下,Web表单提交按钮位于Web表单的底部,无法移动。 安装 Webform提交按钮以通常的方式安装。 请参阅[安装模块(Drupal 7)]( )。 用法 该模块创建一个新的Webform组件,称为Submit_button。 该组件可以...

    利用JavaScript阻止表单提交的两种方法

    在JavaScript中,阻止表单默认提交行为的方法有两种,分别是: (1) return false 示例代码 &lt;form name=loginForm action=login.aspx method=post&gt; &lt;button type=submit value=Submit id=submit&gt;...

    前端与移动开发之表单

    name定义input元素名称/value/checked/maxlength最大长度/submit提交/reset重置/button普通按钮"&gt; 注意: ①input是一个单标签 不独占一行 ②name是表单元素名字 要求单选框和复选框都要有相同的name...

    使用jquery修改表单的提交地址基本思路

    基本思路: 通过使用jquery选择器得到对应表单的jquery对象,然后使用attr方法修改对应的action 示例程序一: 默认情况下,该表单会提交到page_one.html 点击button之后,表单的提交地址就会修改为page_two.html ...

    js触发asp.net的Button的Onclick事件应用

    在asp.net引入事件驱动之后,在一个页面上很容易解决多个按钮触发不同事件的问题,避免了在asp中需要多个form或者通过js脚本来控制的麻烦。 asp.net带来便利的同时,也带来一个问题。在实际应用中一个页面存在多个...

    解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题

    标签的type属性为’submit‘时,默认提交位置就是当前页面 如果在页面右键检查,点击网络,会在开头发现这样的post包: 在右侧消息头处可见,请求网址为当前网址,并且响应头部类型为html 所以只要把form表单里最后...

    ExtAspNet_v2.3.2_dll

    -增加TabStrip中Tab控件可关闭属性EnableClose(默认为false)以及两个方法GetShowReference和GetHideReference(feedback:anson)。 -修正绑定到Tree的XMLDocument中Icon属性映射错误(feedback:nopnop9)。 -修正...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -增加TabStrip中Tab控件可关闭属性EnableClose(默认为false)以及两个方法GetShowReference和GetHideReference(feedback:anson)。 -修正绑定到Tree的XMLDocument中Icon属性映射错误(feedback:nopnop9)。 -修正...

    HTML5基础知识-HTML5表单.pptx

    单元一 HTML5基础知识端基础前WebHTML5表单1表单元素2表单标记访问控制3HTML5新的input类型文本域textField 密码域Password field 单选...button1表单元素&lt;form&gt;表单元素&lt;form&gt;可以看作是一个包含许多表单控件的容器...

    自己碰上的IE8兼容笔记

    1、IE8的getElementById只支持id,不支持name 如:&lt;...标签,默认是会提交Form的,因为IE8的&lt;button&gt;标签的type默认是submit的 所以要么设置一下type=button,要么设置onclick的时候,return false;

    生鲜类:仿爱鲜蜂微信小程序

    (3)button按钮组件的使用,可以将form表单数据提交给后台; (4)form表单组件,用来将表单输入的内容提交给后台,比如提交&lt;switch/&gt; &lt;input/&gt; &lt;checkbox/&gt; &lt;slider/&gt; &lt;radio/&gt; &lt;picker/&gt; 这些组件的数据; (5)...

    html入门到放弃笔记

    1、提交用户请求 (UA : User Agent) 2、作为HTML 以及 脚本执行的 解释器 3、以图形化的方式显示web页面 2、主要浏览器产品 1、Microsoft Internet Explorer (IE) 2、Mozilla Firefox 3、Google Chrome 4、...

    EXT2.0中文教程

    4.6.1. ext中默认的提交形式 4.6.2. 使用html原始的提交形式 4.6.3. 单纯ajax 4.7. 验证苦旅 4.7.1. 不能为空 4.7.2. 最大长度,最小长度 4.7.3. 借助vtype 4.7.4. 自定义验证规则 4.7.5. 算不上校验的NumberField ...

Global site tag (gtag.js) - Google Analytics