当前位置:小鱼儿玄机二站 > 关于计算机 > js表单提交和submit提交的界别实例深入分析

js表单提交和submit提交的界别实例深入分析

文章作者:关于计算机 上传时间:2019-09-03

本文实例深入分析了js表单提交和submit提交的界别。分享给大家供我们参谋,具体如下:

今天,在做二个表单异步提交内容的时候,遇到很意外的主题素材,submit()方法不可能举办付出,每回提交都以把 当前给刷新了,互连网抓包开掘,每一次都以 get格局去赢稳当前页面,完全未有post 央求,想着在此之前 遇上这么的标题 都以因为 表单中 有 name 或许 id 那几个命名跟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>

平常本身做触发按键,基本不用a 标签,不过前天不驾驭如何 难点,竟然用了 a 何况还给了 href 为空,由于那一个a 的class 有七个内容,所以检查时候根本就从不去看href 未有写内容。所以,每一趟举办click 操作的时候 都会触发到 href="" 这一个操作,那个操作就重新展开当前页面,所以产生submit无法起到效果与利益。消除方式:正是给href 加javascript:;只怕javascript:void(0);

留神:get格局交给表单时 action里面无法用url传值, post则能够那样传

难题出现地方:

js提交和submit按键提交的界别:    

图片 1

  1. js提交表单时不会带上 submit 按键的值(因为从没被单击) 全部浏览器

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

解决了:

消除办法:

图片 2

充实一个hidden域,用那几个来决断,无论用哪个种类情势交给都会有值

js部分:

submit开关上绑定提交事件:

图片 3

即:<input type="submit" name="btn" value="btn" onclick="test()" />
都会带上submit的值, 用js提交都检验不到onsubmit状态
w3c: 提交三次
ie6: 分五遍提交,先js在form提交

补充: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>

万一按键为submit则 检测时用onsubmit事件检验

注意:get格局提交表单时 action里面不可能用url传值, post则足以这么传

纵然开关为button,则检查评定通过后在触发submit事件

js提交和submit按键提交的区分:

确定毫无用js提交表单,然后又用onsubmit去检查测试

    1. js提交表单时不会带上 submit 按键的值(因为未有被单击) 全体浏览器

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

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

期待本文所述对我们JavaScript程序设计有着补助。

    消除办法:增添三个hidden域,用这么些来决断,无论用哪一种办法交给都会有值

您或然感兴趣的小说:

  • js的form表单提交url传参数(饱含+等特殊字符)的二种缓慢解决方式
  • JS和jQuery使用submit方法非常小概提交表单的原由剖判及化解办法
  • JS中artdialog弹出框控件之交到表单思路详解
  • Javascript的表单验证-提交表单
  • JS实现动态变化表格并交给表格数据向后端
  • JavaScript阻止回车提交表单的主意
  • JavaScript动态成立form表单并交付的落实格局
  • JavaScript禁止顾客多次提交的两种艺术

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下阻塞表单的交付,而其余浏览

如上所述是作者给大家介绍的JS和jQuery使用submit方法不能提交表单的由来解析及消除办的连带文化,希望对大家具有帮在,假设我们有其余疑问请给本身留言,作者会及时恢复生机我们的。在此也非常感激我们对台本之家网站的协助!

您只怕感兴趣的稿子:

  • js的form表单提交url传参数(包含+等特殊字符)的二种缓慢解决办法
  • JS中artdialog弹出框控件之交到表单思路详解
  • Javascript的表单验证-提交表单
  • JS落成动态变化表格并提交表格数据向后端
  • JavaScript阻止回车提交表单的措施
  • js表单提交和submit提交的分歧实例解析
  • JavaScript动态创设form表单并交付的落成格局
  • JavaScript禁止顾客数次交到的三种艺术

本文由小鱼儿玄机二站发布于关于计算机,转载请注明出处:js表单提交和submit提交的界别实例深入分析

关键词: