（转）在javascript中关于submit和button提交表单区别

在javascript中关于submit和button提交表单区别

submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上. 1. 如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消其自动提交的行为, 否则,将会造成提交两次的效果,对于动态网页来说,也就是对数据库操作两次.或者在使用submit时验证时加return true或false…

（转）在javascript中关于submit和button提交表单区别

原文来自:http://www.jb51.net/article/42236.htm submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上. 1. 如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消其自动提交的行为, 否则,将会造成提交两次的效果,对于动态网页来…

FORM中使用onSubmit="return false"防止表单自动提交，以及submit和button提交表单的区别

在页面中有多个input type="text"的文本输入框的情况下没有问题,但是当页面中有只有一个文本框的情况下(),就会出现此问题. 后来在form 中添加:onsubmit="return false;"问题终于解决. <form name="frm" method="post" onsubmit="return false;"> 下边对“防止表单自动提交,以及submit和button…

Html 中表单提交的一些知识总结——防止表单自动提交，以及submit和button提交表单的区别

转自:http://jackaudrey.blog.163.com/blog/static/1314217882010590041833/ 在页面中有多个input type="text"的文本输入框的情况下没有问题,但是当页面中有只有一个文本框的情况下(),就会出现此问题. 后来在form 中添加:onsubmit="return false;"问题终于解决. <form name="frm" method="post"…

submit和button提交表单的区别

<html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>submit</title> <script type="text/javascript"> function checkForm(){ if(document.form1.userName.value.length==0…

jquery通过submit()和serialize()提交表单

JavaScript基础3——使用Button提交表单

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>使用Button提交表单</title> </head> <body> <form id="form"> <input type="text" name="username" /> <…

如何不使用 submit 按钮来提交表单？

如果我们不想用 submit 按钮来提交表单,我们也可以用超链接来提交,我们可以这样写代码: <a href=”javascript: document.myform.submit ();”>Submit Me</a>…

JavaScript使用button提交表单

<form action="test.html" method="POST"> <input type="button" value="提交"/> </form>  <script type="text/javascript"> //定位提交按钮 var inputElement = document.getEle…

详解JavaScript中的Url编码/解码，表单提交中网址编码

本文主要针对URI编解码的相关问题做了介绍,对Url编码中哪些字符需要编码.为什么需要编码做了详细的说明,并对比分析了Javascript 中和编解码相关的几对函数escape / unescape,encodeURI / decodeURI和 encodeURIComponent / decodeURIComponent. 预备知识 foo://example.com:8042/over/there?name=ferret#nose \_/ \______________/ \_______…

button提交表单 a标签提交表单

<form name="searchForm" id="searchForm" method="get" action="/ProductType?pageIndex=1"> <input type="text" value="" name="name" id="name" placeholder="Enter text…

js和jq使用submit方法无法提交表单

昨天,在做一个表单异步提交内容的时候,遇到很奇怪的问题,submit()方法无法进行提交,每次提交都是把当前给刷新了,网络抓包发现,每次都是 get方式去获取当前页面,完全没有post 请求,想着以前遇上这样的问题都是因为表单中有 name 或者 id 这些命名跟submit 有冲突,但是检查了几次,始终没有发现名字冲突,所以这个可能性被排除. 平常自己做触发按钮,基本不用a 标签,但是昨天不知道什么问题,竟然用了 a 而且还给了 href 为空,由于这个a 的class 有多个…

jsp button提交表单

表单提交可以用submit 也可以用button,下面介绍下面三种方式: 方法1 <form action = "提交的地址"> <input type="submit" value="提交"> </form> 方法2 <form action = "提交的地址"> <input type="button" value="提交" on…

JQuery中button提交表单报TypeError: elem[type] is not a function jquery

错误: TypeError: elem[type] is not a function jquery 解决: 出现这种现象的原因是,提交的表单中,有标签的name,有以submit命名的 name中不要出现submit就可以解决了!…

通过button提交表单

通过 input button 而不是input submit提交. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="../js/jquery.js"></s…

javascript 按ctrl和enter键提交表单

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>测试</title></head><body> <textarea name="" id="tex2" cols="30" rows="10&…

vue.js中 ,回车键实现登录或者提交表单!

vue的功能非常强大,但是我们作为一个后端开发人员,前端的东西不一定都弄的很明白,今天就给大家介绍一个回车提交表单的真实案例,达到回车登录的效果! @ keyup.enter 实现的效果 <input v-model = "password" type="password" name="" class="pwd" placeholder="密码" @keyup.enter="handello…

关于form.submit()不能提交表单的错误原因

来源:http://www.ido321.com/948.html 直接上代码把: 1: <div id="register"> 2: <h4>会员注冊</h4> 3: <div class="formdiv"> 4: <form method="post" action="register.php? action=register" name="register…

js防止回车(enter)键提交表单及javascript中event.keycode

如何防止回车(enter)键提交表单,其实很简单,就一句话.onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了. 如果在页面中按Enter键会自动提交的话,可以设置返回值防止自动提交如<input id="q" name="q" type="text" onkeypress="javascript:return gosearch();…

ASP.NET MVC中实现多个button提交的几种方法

有时候会遇到这样的情况:在一个表单上须要多个button来完毕不同的功能,比方一个简单的审批功能. 假设是用webform那不须要讨论,但asp.net mvc中一个表单仅仅能提交到一个Action处理,相对照较麻烦点. 方法一:使用client脚本比方我们在View中这样写: <inputtype="submit"value="审核通过"onclick='this.form.action="<%=Url.Action("Actio…

JavaScript 中定义变量时有无var声明的区别

关于JavaScript中定义变量时有无var声明的区别 var a=5; //正确 a=5; //正确在javascript中,以上两种方法都是定义变量的正确方法.微软的Script56.CHM中是这样解释的: 尽管并不安全,但声明语句中忽略 var 关键字是合法的JS语法.这时,JS 解释器给予变量全局范围的可见度.当在过程级中声明一个变量时,它不能用于全局范围,这种情况下,变量声明必须用 var 关键字. 从上面的描述看来,对待这两种定义方法要区分以下两种情况: 1.在一个过程级中(即位…

JavaScript中querySelector()和getElementById()（getXXXByXX）的区别

在日常开发中,使用JavaScript获取元素的时候,最常用的方法就是document.getElementById(getXXXByXX)方法.但是最近发现有很多地方使用的是querySelector方法而不是使用前面的方法.去官方文档查看是这么说的: 文档对象模型Document引用的querySelector()方法返回文档中与指定选择器或选择器组匹配的第一个 html元素Element. 如果找不到匹配项,则返回null. 这句话看意思和getElementById(getXXXByXX…

Ladda 应用提交表单的时候显示loading载入中包含不同位置，不同效果

Ladda 应用提交表单的时候显示loading载入中包含不同位置,不同效果不同大小.位置,效果,进度条等演示 XML/HTML Code <article class="examples" style="margin-top:0px;"> <section class="button-demo"> <h3>expand-left</h3> <button class="lad…

认识HTML中表格、列表标签以及表单控件

前端之HTML,CSS(二) HTML标签列表标签无序列表:闭标签,由<ul><li></li>...</ul>组合而成,效果成纵向列表.格式:<ul><li>content</li><li>content</li>...</ul>,<ul>标签中只能嵌套<li>标签,<li>标签作为容器,包含内容,内容可以是文本或者其他元素. <!DOCT…

JavaScript学习06（操作BOM和表单）

操作BOM window 所有浏览器都支持 window 对象.它代表浏览器的窗口. 所有全局 JavaScript 对象,函数和变量自动成为 window 对象的成员. 全局变量是 window 对象的属性. 全局函数是window对象的方法. 甚至(HTML DOM 的)document 对象也是 window 对象属性: window.document.getElementById("header"); 等同于: document.getElementById("hea…

button 按钮，结合onclick事件，验证和提交表单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> new document </ti…

jsp中普通按钮如何提交表单

jsp中普通按钮如何提交表单方法1: <form action = "提交的地址"> <input type="submit" value="提交"> </form>方法2:<form action = "提交的地址"> <input type="button" value="提交" onc…

关于Asp.Net中避免用户连续多次点击按钮，重复提交表单的处理

Web页面中经常碰到这类问题,就是客户端多次点击一个按钮或者链接,导致程序出现不可预知的麻烦. 客户就是上帝,他们也不是有意要给你的系统造成破坏,这么做的原因很大一部分是因为网络慢,点击一个操作之后,系统响应慢,于是点击多次.如果我们遇到这种情况, 也许是一样的操作方法,所以解决问题才是王道. 废话不多说,直接切入正题. 方法一:在客户端制作一个遮罩层. 即用js和css制作一个纯白色或者黑色的遮罩的div,当客户端点击按钮时,弹出这个div并覆盖在当前用户界面之上, 这样遮罩层下面的内容被屏蔽…

jquery submit()不能提交表单的解决方法

<form id="form" method="get"> <input type="text" name="q" value="设计蜂巢"/><button type="button" id="submit">查询</button> </form> <script type="text/ja…

name属性作用+使用$.post()取代name属性在提交表单信息中的作用

name的用途 1)主要是用于获取提交表单的某表单域信息, 作为可与服务器交互数据的HTML元素的服务器端的标示,比如input.select.textarea.框架元素(iframe.frame. window的名字,用于在其他frame或window指定target )和button等,这些元素都与表单(框架元素作用于form的target)提交有关,浏览器会根据name来设定发送到服务器的request, 在表单的接收页面只接收有name的元素, 所以赋ID的元素通过表单是接收不到值的.…

【（转）在javascript中关于submit和button提交表单区别】的更多相关文章