form.submit()不能提交表单的原因分析

直接上代码把：

代码如下:

<div id="register">
<h4>会员注册</h4>
<div class="formdiv">
<form method="post" action="register.php?action=register" name="register" id="registerForm">
<dl>
<dt>请认真填写以下内容</dt>
<dd class="hasspan">
用户名：<input type="text" name="username">
</dd>
<dd class="hasspan">
密码：<input type="password" name="pwd">
</dd>
<dd class="hasspan">
确认密码：<input type="password" name="pwdagain">
</dd>
<dd id="tximg">
<img src="img/face/m01.gif" alt="选择头像" id="faceimg">
<input type="hidden" name="touxiang" value="">
<label id="imgsrclabel">m01.gif</label>
</dd>
<dd style="margin-right:120px;">
验证码：<input type="text" name="code">
<span>
<img src="code.php" alt="code" id="code" name="code">
<a href="#code" id="change">换一张</a>
</span>
</dd>
<dd class="btns">
<input type="button" name="submit" id="submit" value="注册">
<input type="button" name="quit" id="quit" value="退出">
</dd>
</dl>
</form>
</div>
</div>

表单数据提交到本页面，下面是js处理

代码如下:

/*注册表单提交*/
function formDeal()
{
var btnSubmit = document.getElementById('submit');
var formId = document.getElementById('registerForm');
btnSubmit.onclick = function()
{
//表单的submit()方法不能提交表单
formId.submit();
}

}

如果表单提交，在本页面有一段提示信息

代码如下:

if(!empty($_GET['action']) && $_GET['action'] == 'register')
{
echo '你提交了数据';
exit();
}

结果是测试了许久都没有看到提示信息，以为是代码错了或者方法写错了，仔细核对，在结果官方文档，确认没有出错。

formId.submit()不能提交，就暂时只好把btnSubmit的type改为submit

代码如下:

this.type="submit"

在网上查了资料,原因归结为两点:

1、表单中不能有name=”submit” 的标签

2、表单中不能缺少《enctype=”multipart/form-data”》

经测试，此两点乃荒谬，并没有解决我的问题（或许是我的问题环境不一样）

后来，以为论坛的坛友建议我把注册按钮的ID改个名字，不用submit。改正之后，表单正常提交，提示信息出现。

最后总结：button的id不要设置为submit,否则可能会引起混淆，导致表单的submit()方法不能提交表单。在命名ID时，名字最好不要和现有的api在名称上重复，避免不必要的烦扰。

赞 (0)

相关推荐

  • jquery中使用$(#form).submit()重写提交表单无效原因分析及解决

    问题:最近使用 jqeury 的 validationEngine 做ajax校验,当表单中的最后一个字段需要做ajax验证时,此时在字段输入完毕后点击回车提交表单时不起作用,必须再按一次/点击submit按钮. 分析:通过个跟踪其源代码,最终发现ajax验证成功后也再次submit了表单,但还是不能真正提交表单. 原因:很诡异,因为我的提交表单按钮名字是submit.改掉就好了. 复制代码 代码如下: <input id="submit" type="submit&q

  • JavaScript在form表单中使用button按钮实现submit提交方法

    submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上. 在javaScript中关于submit和button的区别介绍 在form表单提交中,使用button来间接完成submit的提交更为灵活.下面是实现方法: 使用button按钮实现submit提交,需要在button标签中的使用onclick方法,然后在JavaScript中实现具体,代码如下

  • onsubmit阻止form表单提交与onclick的相关操作

    1. return 的返回值问题,函数中return一旦有返回值,就不在执行下面的语句,直接跳到函数调用的地方.如下PHP函数代码,第一个if条件符合则函数值返回布尔型false,可以返回一个函数的值,并且跳出这个函数:只要遇到return语句,程序就在那一行代码停止执行,执行控制将立刻返回到调用该程序的代码处.function 复制代码 代码如下: function chkinput(form) { if(form.title.value=="") { alert("请输入

  • JS中的form.submit()不能提交表单的错误原因

    直接上代码把: 复制代码 代码如下: <div id="register">      <h4>会员注册</h4>      <div class="formdiv">          <form method="post" action="register.php?action=register" name="register" id="r

  • 在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码

    复制代码 代码如下: <form onsubmit="aa(this);"> <input type="text" name="" value="test" /><input type="submit" value="提交" /> </form> <iframe src="" name="fA"

  • form.submit()不能提交表单的原因分析

    直接上代码把: 复制代码 代码如下: <div id="register"> <h4>会员注册</h4> <div class="formdiv"> <form method="post" action="register.php?action=register" name="register" id="registerForm"&g

  • JS和jQuery使用submit方法无法提交表单的原因分析及解决办法

    JS和jQuery使用submit方法无法提交表单的原因分析及解决办法

    昨天,在做一个表单异步提交内容的时候,遇到很奇怪的问题,submit()方法无法进行提交,每次提交都是把 当前给刷新了,网络抓包发现,每次都是 get方式去获取 当前页面,完全没有post 请求,想着以前 遇上这样的问题 都是因为 表单中 有 name 或者 id 这些命名跟submit 有冲突,但是检查了几次,始终没有发现 名字冲突,所以这个可能性被排除. 平常自己做触发按钮,基本不用a 标签,但是昨天不知道什么 问题,竟然用了 a 而且还给了 href 为空,由于这个a 的class 有多个

  • form.submit()不能提交表单的错误原因及解决方法

    直接上代码把: <div id="register"> <h4>会员注册</h4> <div class="formdiv"> <form method="post" action="register.php?action=register" name="register" id="registerForm"> <dl&g

  • jquery.form.js异步提交表单详解

    本文实例为大家分享了jquery.form.js异步提交表单的具体代码,供大家参考,具体内容如下 引入脚本: <script type="text/javascript" src="/js/jquery.form.min.js"></script> <script src="/js/json2.js"></script> //前端代码: <form id="f1">

  • Chrome Form多次提交表单问题的解决方法

    今天用chrome提交一个表单时,发现一个奇怪的问题: 复制代码 代码如下: //提交表单 document.frmOrder.action = 'http://www.abc.com/d.aspx'; document.frmOrder.method = 'POST'; document.frmOrder.target = '_blank'; document.frmOrder.submit(); 第一次提交可以,第二次提交就没有任何响应了.需要重新加载页面后才可以提交,而这个问题在Firef

  • jquery submit()不能提交表单的解决方法

    今天写表单提交的时候需要增加一个确认提示,所以没有使用submit按钮提交,改用jq的submit(),然后问题了 <form class="form-horizontal m-t" method="post" action="@Url.Action("Edit")" id="form"> <div class="row"> <div class="

  • Jquery提交表单 Form.js官方插件介绍

    先说说常用的Form插件,支持Ajax,支持Ajax文件上传,功能强大,基本满足日常应用. 1.最新JQuery框架软件包下载 jquery.js压缩包 jquery.js非压缩包 2.Form插件下载 form.js 3.Form插件的简单入门 第一步:先增加一个表单 代码: 复制代码 代码如下: <form id="myForm" action="comment.php" method="post"> Name: <inpu

  • 解决jquery submit()提交表单提示：f[s] is not a function

    jquery submit()无法提交表单 报错:f[s] is not a function, js submit()无法提交表单 报错:document.getElementByIdx_x(...).submit is not a function 这2个错让人很无奈啊,语法没有任何错误,怎么能报错呢? 因为以前重来没有遇到过,这次是在改别人的代码,回头看了看代码,我靠原来有个按钮的name="submit",把它删掉就能正常提交表单了. 为什么呢?应该是一个type="

随机推荐