form.submit不能提交表单

转载 于 2020-12-28 09:40:50 发布 · 820 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://www.cnblogs.com/haibinqingxie/p/11905468.html
文章标签：

#html #js

项目中常通过JS修改form表单元素值后用submit提交。但存在name='submit'的项或提交按钮id='submit'时，使用form.submit()方法会报错，提示Uncaught TypeError，有时框架中无报错信息但表单也无法提交。

在项目中会经常有通过js修改form表单元素值后再用submit去提交的情况，但是会有个坑导致.submit不能提交表单：

表单中存在 name 属性值为 submit 的项
提交按钮的 id 值为 submit

当存在 name=‘submit’ 的项时，使用 form.sub­mit () 方法会报错，因为会混淆，然后取到 name=‘submit’ 的项的值；当提交按钮 id=‘submit’ 时（其他项其实也是一样），同样会报错，提示 Uncaught TypeError: this.form.submit is not a function 。（有时在框架中经常不会有报错信息，但是form缺无法提交）

form.submit()不能提交表单的原因分析
09-04
主要分析了form.submit()不能提交表单的原因,需要的朋友可以参考下
JS中的form.submit()不能提交表单的错误原因
10-25
在JavaScript中，form.submit()方法是用于提交表单的一种方式。然而，有时候开发者可能会遇到无法使用form.submit()提交表单的问题。在本篇文章中，将详细探讨导致这种情况的可能原因，以及如何解决这一问题。 首先...
IE6中Form.submit不提交的问题
ginue999的专栏
09-14 167
今天碰到一个很有趣的问题。 用From向提交数据，一是用按钮，一是通过JavaScript脚本：formElement.submit()。不管哪种方法都是很简单的。但是今天我就在这个简单的地方遇到了麻烦。 我正在做的页面是用JavaScript准备数据填写Form然后提交。然而，在IE6下通过JavaScript提交数据时页面没有反应（也没有提示）！？奇怪的是，在FireFox/Opera...
form enctype:"multipart/form-data",method:"post" 提交表单，后台获取不到数据
weixin_34237596的博客
12-26 1040
在解决博问node.js接受参数的时候，发现当form中添加enctype:"multipart/form-data"，后台确实获取不到数据，于是跑到百度上查了一下，终于明白为什么了，下面转载一下原因吧： 1.get方式 get方式提交的话，表单项都保存在http header中，格式是 http://localhost:8080/hello.do?name1=value1&name2=...
form.submit()不能提交表单的错误原因及解决方法
09-04
在本文中，我们将深入探讨一个可能导致`form.submit()`无法提交表单的错误原因，以及如何解决这个问题。 首先，我们要理解`form.submit()`这个JavaScript方法。它是HTML表单对象的一个方法，用于触发表单的提交动作...
chrome不支持form.submit的解决方案
09-03
总的来说，遇到Chrome不支持`form.submit()`的情况，可以考虑使用Ajax方式进行异步提交，或者检查代码中是否存在其他可能导致问题的因素，如JavaScript语法错误、事件绑定等。同时，保持浏览器更新到最新版本，以及...
jquery $("form").submit() 无法提交问题？
06-25 1449
js 控制form.submit 报Uncaught TypeError: Property ‘submit’ of object # is not a function错 如果一个表单元素内部含有name属性为submit的表单元素， 如： 那么当你用js提交该表单，即： form1.submit(); 会出现报错： Uncaught TypeError: Propert
使用jquery 的form的submit()方法表单不提交的原因
有 prepare , No out
02-17 7444
form 本身有一个submit方法。 如果你把button命名为submit，那么访问这个button就需要document.form.submit。这和form本身的submit方法冲突了。 更改方法，原先的： <input id="submit" type="button" value="Submit" /> $(document).read
jquery submit()不能提交表单的解决方法
yangjidaimin的专栏
06-23 871
id="form" method="get"> type="text" name="q" value="设计蜂巢"/> type="button" id="submit">查询 type="text/javascript">$(function(){ $('#submit').click(function(){ $('#form').submit() })}) 上述代码看上去貌似没什么问
form 不能用submit 提交问题
ICode联盟
07-29 1100
发现 submit已经变成 form 的一个属性了，并不是方法。这下明白了吧。把submit（也就是submit方法）覆盖了。所以要注意提交表单name的命名方式不要和form原有的方法，属性相同，这样会导致原来的form属性方法失效。
form表单提交赋值无法提交到后台处理
tgy601700655的博客
03-20 1329
function onSubPost(status) { ${"#status"}.val(status);//无效 document.getElementById("status").value=status;//无效 $("input[name=status]").val(status);//form表单提交只有这个有效，非常特殊，很坑 } ...
SpringMVC架构下form表单无法从JS里提交参数到后台，且后台无反应
不断的行走，从未停下
01-05 1259
function(){ return "../xxxx/query?"+$("#form1").serialize(); } 类似以上代码，在前台提交条件查询时，实体类无法带参数通过表单提交进入Controller中，找不到对应注解的方法问题。 原因是大多是带参数传递的POJO包下的实体类参数类型定义问题。非数据库字段，传参使用的条件查询参数尽量使用String类型传递。
form表单submit方法无法提交 没反应 到不了后台
weixin_30644369的博客
07-06 2482
　　　　千万别把form里面button的id设为submit！！！！！！！！！！！！！ 转载于:https://www.cnblogs.com/donnieluo/p/7124829.html
submit 按钮提交无效 点击无效果 不可用
热门推荐
jaylongli的专栏
11-21 2万+
        我的问题主要是，点击type="submit"的按钮没有作用，即是鼠标在上面点，不会发生提交，无任何响应。但是呢我先操作了一下该页面的其他按钮然后在点击该按钮又可以了。后来到网上看到一篇文章：http://blog.csdn.net/rushman/archive/2007/07/15/1693039.aspx  该文章虽然没有马上解决我的问题，但是在后面让我知道了问题所在
form.submit 提交表单时后台的处理
最新发布
09-10
使用`form.submit`提交表单时，后台的处理方式会因不同的编程语言和框架而有所不同，以下为几种常见的情况： ### Python + Flask ```python from flask import Flask, request app = Flask(__name__) @app.route...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值