js表单和submit 区别

简介: js表单和submit 区别

js表单提交和submit提交的区别


<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=utf-8"   />
< title >无标题文档 </ title >
</ head >
< body >
< script >
function test()
{
    document.getElementById("myform").submit();    
    alert(11);
}
</ script >
< form   name ="myfrom"  id ="myform"  method ="get"  action ="b.php" >
< input  type ="text"  name ="pwd"  value =""   />
< input  type ="submit"  name ="sub"  value ="111"   />
< input  type ="button"  name ="btn"  value ="btn"  onclick ="test()"   />
</ form >
</ body >
</ html >


注意:get方式提交表单时 action里面不能用url传值, post则可以这样传


js提交和submit按钮提交的区别:

 

   1. js提交表单时不会带上 submit 按钮的值(因为没有被单击) 所有浏览器

   2. input 回车提交 w3c浏览器会带上submit按钮的值,ie6则不会带

 

   解决办法:增加一个hidden域,用这个来判断,无论用哪种方式提交都会有值


submit按钮上绑定提交事件:

即:<input type="submit" name="btn" value="btn" οnclick="test()" />

   都会带上submit的值, 用js提交都检测不到onsubmit状态

   w3c: 提交一次  

   ie6: 分两次提交,先js在form提交

 

   解决办法:如果按钮为submit则 检测时用onsubmit事件检测

    如果按钮为button,则检测通过后在触发submit事件

 

    一定不要用js提交表单,然后又用onsubmit去检测


    单纯的用js提交表单, alert, ff下阻塞表单的提交,而其他浏览

目录
相关文章
|
8天前
|
JavaScript 前端开发
JavaScript中单引号和双引号的效果的一点区别
JavaScript中单引号和双引号的效果的一点区别
|
11天前
|
前端开发 JavaScript 开发者
React 和 Vue.js 框架的区别是什么?
React 和 Vue.js 框架的区别是什么?
|
9天前
|
移动开发 JavaScript 前端开发
js之操作表单 | 12-4
js之操作表单 | 12-4
|
17天前
|
移动开发 前端开发 JavaScript
JavaScript 表单
JavaScript 表单
24 9
|
29天前
|
前端开发 JavaScript API
JavaScript 的宏任务和微任务有什么区别
【9月更文挑战第6天】JavaScript 的宏任务和微任务有什么区别
22 4
|
11天前
|
JavaScript 前端开发
JS基础 if和switch区别
本文比较了JavaScript中的`if`语句和`switch`语句的区别,并通过示例代码展示了它们的用法,解释了何时使用`if`更合适以及`switch`语句的特点和应用场景。
14 0
|
21天前
|
前端开发 JavaScript UED
JavaScript防抖和节流的使用及区别
JavaScript防抖和节流的使用及区别
8 0
|
21天前
|
人工智能 前端开发 JavaScript
react js 处理表单( form )的2个例子
react js 处理表单( form )的2个例子
|
1月前
|
存储 JavaScript 前端开发
|
2月前
|
大数据 数据处理 分布式计算
JSF 逆袭大数据江湖!看前端框架如何挑战数据处理极限?揭秘这场技术与勇气的较量!
【8月更文挑战第31天】在信息爆炸时代,大数据已成为企业和政府决策的关键。JavaServer Faces(JSF)作为标准的 Java Web 框架,如何与大数据技术结合,高效处理大规模数据集?本文探讨大数据的挑战与机遇,介绍 JSF 与 Hadoop、Apache Spark 等技术的融合,展示其实现高效数据存储和处理的潜力,并提供示例代码,助您构建强大的大数据系统。
32 0