首页 > 其他分享 >js表单和submit 区别

js表单和submit 区别

时间:2023-01-25 19:01:57浏览次数:47  
标签:submit 表单 提交 按钮 input js


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状态





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



    



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



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





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






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

标签:submit,表单,提交,按钮,input,js
From: https://blog.51cto.com/u_13463935/6022730

相关文章

  • js window.requestAnimationFrame
    https://stackoverflow.com/questions/17926327/why-requestanimationframe-recursion-wont-eat-up-ramfunctionwindow.requestAnimationFrame()告诉浏览器——你希望执......
  • JS 数字运算的矫正函数
    代码:constmath_helper={};/*加法*/math_helper.add=function(num1,num2){//两个参数应为有效的数字if(typeofnum1!=='number'||typeofnum2!=......
  • pages.json 文件:自定义导航栏
    自定义导航栏使用注意当navigationStyle设为custom或titleNView设为false时,原生导航栏不显示,此时要注意几个问题:非H5端,手机顶部状态栏区域会被页面内容覆盖。这是因为窗......
  • pages.json 文件:globalStyle 全局配置
    globalStyle用于设置应用的状态栏、导航条、标题、窗口背景色等。属性类型默认值描述平台差异说明navigationBarBackgroundColorHexColor#F7F7F7导航栏背景颜......
  • 初识 Express 丨Node.js
    目录​​一、初识Express​​​​1.1Express简介​​​​1.2Express的基本使用​​​​1.3托管静态资源​​​​1.4nodemon​​​​ Node.js前篇回顾:​​一、初识E......
  • Composer 镜像原理 (2) —— composer.json
    相关文章Composer镜像原理(1)——初识ComposerComposer镜像原理(2)——composer.jsonComposer镜像原理(3)——完结篇有使用PHP组件的朋友,应该会注意......
  • cube.js 一些变动
    cube.js整体的机制是没有调整的,但是目前从官方介绍可以看出,已经从以前的无头bi调整为了语义层了,这个也说明了cube.js在数据处理能力上更加强大了一张参考图  说......
  • JS数组的常用方法
    join()(数组转字符串)数组转字符串,方法只接收一个参数:即默认为逗号分隔符()。<script> vararr=[1,2,3,4]; console.log(arr.join());//1,2,3,4 console.log(arr.join......
  • 网页怎样引入本地硬盘上的JS文档
    网页通过<script>标记可以引入在线的js文档,只有把网页保存在本地硬盘才能使用相对路径引入本地js文档,普通浏览器难以实现在线页面上引入本地js文档。怎么解决这个问题......
  • js对象优化
    以相同顺序初始化对象成员,避免隐藏类的调整实例化后避免添加新属性尽量使用Array代替array-like对象避免读取超过数组的长度避免元素类型转换注:第五点图片解释 ......