js表单提交和submit提交的区别实例分析


Posted in Javascript onDecember 10, 2015

本文实例分析了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" onclick="test()" />
都会带上submit的值, 用js提交都检测不到onsubmit状态
w3c: 提交一次
ie6: 分两次提交,先js在form提交

解决办法:

如果按钮为submit则 检测时用onsubmit事件检测

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

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

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

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
JavaScript版代码高亮
Jun 26 Javascript
一个选择最快的服务器转向代码
Apr 27 Javascript
js读写cookie实现一个底部广告浮层效果的两种方法
Dec 29 Javascript
WordPress中鼠标悬停显示和隐藏评论及引用按钮的实现
Jan 12 Javascript
全国省市二级联动下拉菜单 js版
May 10 Javascript
Web程序员必备的7个JavaScript函数
Jun 14 Javascript
JavaScript设计模式之工厂模式和抽象工厂模式定义与用法分析
Jul 26 Javascript
angular4 获取wifi列表中文显示乱码问题的解决
Oct 20 Javascript
详解vue-element Tree树形控件填坑路
Mar 26 Javascript
JavaScript检测浏览器是否支持CSS变量代码实例
Apr 03 Javascript
JS实现联想、自动补齐国家或地区名称的功能
Jul 07 Javascript
vue props default Array或是Object的正确写法说明
Jul 30 Javascript
浅谈javascript中onbeforeunload与onunload事件
Dec 10 #Javascript
详解JavaScript基于面向对象之创建对象(2)
Dec 10 #Javascript
JS提交form表单实例分析
Dec 10 #Javascript
详解JavaScript基于面向对象之创建对象(1)
Dec 10 #Javascript
AngularJs实现ng1.3+表单验证
Dec 10 #Javascript
理解AngularJs指令
Dec 10 #Javascript
详解AngularJS实现表单验证
Dec 10 #Javascript
You might like
全国FM电台频率大全 - 18 湖南省
2020/03/11 无线电
PHP源代码数组统计count分析
2011/08/02 PHP
php 获取百度的热词数据的代码
2012/02/18 PHP
PHP Yii框架之表单验证规则大全
2015/11/16 PHP
PHP单例模式实例分析【防继承,防克隆操作】
2019/05/22 PHP
php探针使用原理和技巧讲解
2019/09/17 PHP
Laravel5.1 框架路由基础详解
2020/01/04 PHP
基于PHP实现发微博动态代码实例
2020/12/11 PHP
破除一些网站复制、右键限制
2006/11/04 Javascript
javascript onmouseout 解决办法
2010/07/17 Javascript
基于jquery的文章中所有图片width大小批量设置方法
2013/08/01 Javascript
JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
2014/10/16 Javascript
JS特效实现图片自动播放并可控的效果
2015/07/31 Javascript
jQuery EasyUI右键菜单实现关闭标签/选项卡
2016/10/10 Javascript
用jquery的attr方法实现图片切换效果
2017/02/05 Javascript
Vue.directive 自定义指令的问题小结
2018/03/04 Javascript
koa2服务端使用jwt进行鉴权及路由权限分发的流程分析
2019/07/22 Javascript
angular8和ngrx8结合使用的步骤介绍
2019/12/01 Javascript
[01:49]一目了然!DOTA2DotA快捷操作对比第二弹
2014/05/16 DOTA
python 显示数组全部元素的方法
2018/04/19 Python
python调用百度语音识别实现大音频文件语音识别功能
2018/08/30 Python
Django框架视图介绍与使用详解
2019/07/18 Python
python 无损批量压缩图片(支持保留图片信息)的示例
2020/09/22 Python
python操作链表的示例代码
2020/09/27 Python
python实现移动木板小游戏
2020/10/09 Python
Django配置Bootstrap, js实现过程详解
2020/10/13 Python
python3访问字典里的值实例方法
2020/11/18 Python
以设计师精品品质提供快速时尚:PopJulia
2018/01/09 全球购物
Java中有几种类型的流?JDK为每种类型的流提供了一些抽象类以供继承,请说出他们分别是哪些类
2012/02/06 面试题
品质管理部岗位职责范文
2014/03/01 职场文书
商学院大学生求职的自我评价
2014/03/12 职场文书
农村婚礼主持词
2014/03/13 职场文书
大学生全国两会报告感想
2014/03/17 职场文书
团员自我评价范文
2015/03/10 职场文书
火锅店的开业营销方案范本!
2019/07/05 职场文书
javascript中Set、Map、WeakSet、WeakMap区别
2022/12/24 Javascript