当前位置: 首页 > 编程笔记 >

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

岳嘉容
2023-03-14
本文向大家介绍JS中的form.submit()不能提交表单的错误原因,包括了JS中的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在名称上重复,避免不必要的烦扰。

 类似资料:
  • 本文向大家介绍form.submit()不能提交表单的原因分析,包括了form.submit()不能提交表单的原因分析的使用技巧和注意事项,需要的朋友参考一下 直接上代码把: 表单数据提交到本页面,下面是js处理 如果表单提交,在本页面有一段提示信息 结果是测试了许久都没有看到提示信息,以为是代码错了或者方法写错了,仔细核对,在结果官方文档,确认没有出错。 formId.submit()不能提交,

  • 本文向大家介绍form.submit()不能提交表单的错误原因及解决方法,包括了form.submit()不能提交表单的错误原因及解决方法的使用技巧和注意事项,需要的朋友参考一下 直接上代码把: 结果是测试了许久都没有看到提示信息,以为是代码错了或者方法写错了,仔细核对,在结果官方文档,确认没有出错。 formId.submit()不能提交,就暂时只好把btnSubmit的type改为submit

  • 这是关于先前提出的一个持续的问题。我正在尝试使用HTML、CSS和JavaScript制作一个联系表单。我所有的条件似乎都很好。这里的问题是,每当我输入一个特定字段失败,然后重新输入它时,错误消息仍然会显示出来。此外,我希望用户在单击Submit并满足所有条件后被重定向到另一个HTML页面。我想在这方面得到一些指导。随函附上守则,以供参考。 null null null null null nul

  • 问题内容: 在阅读了许多类似的发音问题和相关的Flask文档之后,我似乎无法弄清楚是什么原因导致提交表单时出现以下错误: 400错误的要求 浏览器(或代理)发送了该服务器无法理解的请求。 尽管该表单始终可以正确显示,但是当我提交与以下两个函数之一关联的HTML表单时,就会发生错误的请求: HTML的相关部分是 对于大多数人来说,问题不是调用或,而是我在两个函数中都这样做,并且再次检查以确保导入了所

  • 提交表单时出错 当请求的凭据模式为“包括”时,响应中的“访问控制允许来源”标头的值不得为通配符“*”。起源'https://local.oto.com因此,不允许访问。

  • 我有两个表单的视图,我正在尝试提交一个表单,其中包含一个指向具有操作的控制器的链接。但是,当我尝试将其提交给它时,请在我的另一个控制器中查找操作。我尝试以不同的方式使用参数,但没有成功。我知道我的routes文件有问题,但我不明白是什么,因为我是Rails新手。如果有帮助的话,我也在使用Rails 5。 编辑:第二个表单是失败的表单。 错误: 查看: 控制器: 路线。铷 路由控制台