首页 > 代码库 > 表单提交问题

表单提交问题

HTML DOM Button 对象

Button 对象

Button 对象代表 HTML 文档中的一个按钮。

该元素没有默认的行为,但是必须有一个 onclick 事件句柄以便使用。

在 HTML 文档中 <input type="button"> 标签每出现一次,一个 Button 对象 就会被创建。

您可以通过遍历表单的 elements[] 数组来访问某个按钮,或者通过使用 document.getElementById()。

定义和用法

click() 方法可模拟在按钮上的一次鼠标单击。

语法

buttonObject.click()

来源:http://www.w3school.com.cn/jsref/dom_obj_button.asp

HTML DOM Submit 对象

Submit 对象

Submit 对象代表 HTML 表单中的一个提交按钮 (submit button)。

在 HTML 表单中 <input type="submit"> 标签每出现一次,一个 Submit 对象就会被创建。

在表单提交之前,触发 onclick 事件句柄,并且一个句柄可以通过返回 fasle 来取消表单提交。

参阅 Form.submit() 方法 和 Form.onsubmit 事件句柄。

实例:表单验证

您可以通过遍历表单的 elements[] 数组来访问某个提交按钮,或者通过使用document.getElementById()。

来源:http://www.w3school.com.cn/jsref/dom_obj_submit.asp

html中submit和button的区别

submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了。
如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消其自动提交的行为,否则,将会造成提交两次的效果,对于动态网页来说,也就是对数据库操作两次。或者在使用submit时验证时加return true或false。还可以使用jquery的表单事件,来进行处理,规格如下:
 

 

jQuery 事件 - submit() 方法

定义和用法

当提交表单时,会发生 submit 事件。

该事件只适用于表单元素。

submit() 方法触发 submit 事件,或规定当发生 submit 事件时运行的函数。

将函数绑定到 submit 事件

语法

$(selector).submit(function)
参数描述
function可选。规定当发生 submit 事件时运行的函数。

 

 

出处:http://www.w3school.com.cn/jquery/event_submit.asp

表单提交问题