js表单提交和submit提交的区别实例分析,jquery实现
分类:新闻中心

您可能感兴趣的文章:

  • 解决jquery submit()提交表单提示:f[美高梅网址,s] is not a function
  • jquery中使用$(#form).submit()重写提交表单无效原因分析及解决
  • jQuery使用ajaxSubmit()提交表单示例
  • JS中的form.submit()不能提交表单的错误原因
  • jquery实现submit提交表单
  • JS定义网页表单提交(submit)的方法
  • js表单提交和submit提交的区别实例分析
  • 简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
  • JS和jQuery使用submit方法无法提交表单的原因分析及解决办法

复制代码 代码如下:

<form method="post" id="myform" action="a.php">
<input type="submit" value="提交表单">
</form>

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

<script src="Scripts/jquery-1.7.1.js"></script> 
  <script type="text/javascript"> 
    function SubmitFormToSF() { 
      var sfForm = document.createElement("form"); 
      document.body.appendChild(sfForm); 
      var mfInputs = "text1,checkbox1,Select1,Hidden1"; 
      var sfInputs = "text1_c,checkbox1_c,Select1_c,Hidden1_c"; 
      var mFInputsArray = mfInputs.split(","); 
      var sFInputsArray = sfInputs.split(","); 
      for (i = 0; i < mFInputsArray.length; i++) { 
        createInput(sfForm, "text", sFInputsArray[i], GetInputValue(document.getElementById(mFInputsArray[i]))) 
      } 
      //创建联系时间 

      //创建隐藏域 

      sfForm.method = "post"; 
      sfForm.action = "c.aspx"; 
      sfForm.submit(); 
    } 
    function createInput(sfForm,type,name,value) 
    { 
      var tmpInput = document.createElement("input"); 
      tmpInput.type = type; 
      tmpInput.name = name; 
      tmpInput.value = value; 
      sfForm.appendChild(tmpInput); 
    } 
    function GetInputValue(ipt) 
    { 
      switch (ipt.type) 
      { 
        case "text": 
          return ipt.value; 
          break; 
        case "hidden": 
          return ipt.value; 
          break; 
        case "checkbox": 
          return ipt.checked; 
          break; 
        case "select-one": 
          return ipt.value; 
          break; 
      } 
    } 
    function getContratTime() { 
      var anytime = $("#anytime"); 
      var afternoon = $("#afternoon"); 
      var morning = $("#morning"); 
      var evening = $("#evening"); 
      if (anytime.checked) { 
        return "morning,afternoon,evening"; 
      } else { 
        if (morning.checked) 
        { 
          return morning.val(); 
        } else if (afternoon.checked) 
        { 
          return afternoon.val(); 
        } else if (evening.checked) 
        { 
          return evening.val(); 
        } 
        return ""; 
      } 
    } 
  </script>

<!-- lang: js -->
$('input#asubmit').trigger('click');

Form表单:

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

js 创建form、input元素,并设置form的action及method,最后使用submit进行提交

方法很简单实用,这里推荐给小伙伴们,希望大家能够喜欢。

注:用Javascript提交表单时最好form里的元素不要用id="submit"或name="submit",例如:
<input type="button" name="submit" />或<input type="button" id="submit" /> 这样JS可能不兼容各种浏览器,会导致JS报错。

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

表单可以提交之后,又出现了新的问题。由于基于dz开发,表单提交之后使用submitcheck()这个函数来检查表单是否提交,由jquery提交上来的表单始终无法验证通过。最后采用模拟点击提交按钮的方法来实现。

<script type="text/javascript">
function validate(){
 document.getElementByIdx_x('myform').submit();
}
</script>

您可能感兴趣的文章:

  • js的form表单提交url传参数(包含+等特殊字符)的两种解决方法
  • JS和jQuery使用submit方法无法提交表单的原因分析及解决办法
  • JS中artdialog弹出框控件之提交表单思路详解
  • Javascript的表单验证-提交表单
  • JS实现动态生成表格并提交表格数据向后端
  • JavaScript阻止回车提交表单的方法
  • JavaScript动态创建form表单并提交的实现方法
  • JavaScript禁止用户多次提交的两种方法

您可能感兴趣的文章:

  • 解决jquery submit()提交表单提示:f[s] is not a function
  • jquery中使用$(#form).submit()重写提交表单无效原因分析及解决
  • jQuery使用ajaxSubmit()提交表单示例
  • js创建表单元素并使用submit进行提交
  • JS中的form.submit()不能提交表单的错误原因
  • JS定义网页表单提交(submit)的方法
  • js表单提交和submit提交的区别实例分析
  • 简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
  • JS和jQuery使用submit方法无法提交表单的原因分析及解决办法
<script type="text/javascript">
function validate(){
 document.getElementByIdx_x('myform').submit();
}
window.load=validate();
</script>

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

使用jquery的submit()函数提交form表单时,总是无法提交表单。这个问题太诡异了,是因为form中提交表单的input的name属性为submit,把name改成其他的名称,就可以使用了。

javascript 代码:

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

二、超链接提交表单

本文实例分析了js表单提交和submit提交的区别。分享给大家供大家参考,具体如下:

您可能感兴趣的文章:

  • ASP.NET在MVC控制器中获取Form表单值的方法
  • springMVC结合AjaxForm上传文件
  • jquery.form.js框架实现文件上传功能案例解析(springmvc)
  • 使用jQuery.form.js/springmvc框架实现文件上传功能
  • 适用于WebForm Mvc的Pager分页组件C#实现
  • 详解ASP.NET MVC Form表单验证
  • ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法
  • jQuery Form 表单提交插件之formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的应用
  • jquery插件EasyUI中form表单提交实例分享
  • jQuery实现form表单基于ajax无刷新提交方法详解
  • jquery validate和jquery form 插件组合实现验证表单后AJAX提交
  • 基于jQuery通过jQuery.form.js插件使用ajax提交form表单
  • mvc中form表单提交的三种方式(推荐)

解决办法:

<form method="post" id="myform" action="a.php">
<input type="test" value="name"/>
</form>
<a href="javascript:validate()">提交</a>

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

javascript 代码:

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

用javascript其实真的很方便的去干某些事情!

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

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

Form表单:

解决办法:

一、javascript 页面加裁时自动提交表单:

<!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>

本文实例讲述了JS提交form表单。分享给大家供大家参考,具体如下:

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

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

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

submit按钮上绑定提交事件:

本文由美高梅网址发布于新闻中心,转载请注明出处:js表单提交和submit提交的区别实例分析,jquery实现

上一篇:JS实现点击文字对应DIV层不停闪动效果的方法, 下一篇:没有了
猜你喜欢
热门排行
精彩图文