- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我无法通过 javascript 函数提交表单。我有一个要求,当用户点击一个链接时,我需要提交一个表格。以下是在浏览器控制台上看到的错误:
Uncaught TypeError: Cannot set property 'action' of undefined
请建议我如何提交表单以调用 spring Controller 方法。
下面是javascript函数:
function submitDataOnClick(){
document.myForm.action = contextPath + "/dataProcess.htm";
document.myForm.submit();
}
<body>
<form name="myForm">
//all form elements..
<table class="myClass">
<tr><td><a href="" onclick="submitDataOnClick()"> </a></td></tr>
</table>
</form>
</body>
Spring Controller :
@RequestMapping(value = "/dataProcess", method = RequestMethod.GET)
public ModelAndView dataProcess(HttpServletRequest request,
HttpServletResponse response,
BindingResult beException)
throws IOException {
//logic...
ModelAndView mav = new ModelAndView();
mav.setViewName("home");
return mav;
}
最佳答案
在大多数浏览器中,只要您没有 var myForm
就可以了在全局范围内的任何地方或类似的地方。原因是当你给出 form
元素a name
属性,浏览器将在 document
上创建一个属性使用引用 form
的名称.但是,如果您在其他东西上使用相同的名称,它可能会与您认为正在使用的名称发生冲突。
解决该问题的三个选项:
您已标记您的问题 jquery
但似乎没有在您的代码中使用 jQuery,因此非 jQuery 选项:
如果您想使用链接提交表单,一种选择是给表单一个 id
然后用它来查找:
HTML:
<form id="myForm" name="myForm">
(如果不需要,请删除 name=...
)
JavaScript:
function submitDataOnClick(){
var form = document.getElementById("myForm");
form.action = contextPath + "/dataProcess.htm";
form.submit();
}
因为你做了标签jquery
,一个最小变化 jQuery 选项:
HTML:
<tr><td><a href="" onclick="submitDataOnClick($(this).closest('form')[0])"> </a></td></tr>
JavaScript:
function submitDataOnClick(form){
form.action = contextPath + "/dataProcess.htm";
form.submit();
}
...或更大的更改解决方案:摆脱 onclick
完全在链接上,并可能向这些链接添加一个类:
<tr><td><a href="" class="submit-on-click"> </a></td></tr>
...并将此代码放在 script
中表单之后的元素(通常建议在最底部,就在结束 </body>
标签之前):
$("form[name=myForm]").on("click", "a.submit-on-click", function() {
var form = $(this).closest('form')[0];
form.action = contextPath + "/dataProcess.htm";
form.submit();
});
关于javascript - 未捕获的类型错误 : Cannot set property 'action' of undefined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27363544/
我只是有一个更琐碎的问题。 为什么undefined == undefined 返回true,而undefined >= undefined 为false? undefined 等于 undefine
用PHP 7.2编写套接字服务器。根据Firefox 60中的“网络”选项卡,服务器的一些HTTP响应的第一行随机变为undefined undefined undefined。因此,我尝试记录套接字
在 JavaScript 中这是真的: undefined == undefined 但这是错误的: undefined <= undefined 起初我以为<=运算符包含第一个,但我猜它试图将其转换
在回答这个问题 (Difference between [Object, Object] and Array(2)) 时,我在 JavaScript 数组中遇到了一些我以前不知道的东西(具有讽刺意味的
来自https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/of , Note: thi
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
当我添加 到我的 PrimeFaces Mobile 页面,然后我在服务器日志中收到以下警告 WARNING: JSF1064: Unable to find or serve resource, u
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我是一名优秀的程序员,十分优秀!