从 Tapestry 中的 JavaScript 函数内部提交表单

发布于 2024-10-06 11:38:13 字数 1097 浏览 7 评论 0原文

我正在尝试从 Tapestry 中的 JavaScript 函数内部提交表单。这是 tml 文件。

<!DOCTYPE html>
<html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd" xmlns:tx="tapestry-library:tapx">
<head>
    <script type="text/javascript">
        function bodyLoaded () {
          document.form1.submit();
        }
    </script>
</head>
<body onload="bodyLoaded()">
<form t:type="form" t:name="form1">
    <select t:type="select" t:id="reportType" t:model="literal:A, B"></select>
    <input t:type="submit" id="clientSubmit" value="Generate"/>
</form>
</body>
</html>

但我收到以下错误，并且表单未提交。

document.form1 未定义 [中断这个错误] document.form1.submit();

于是我查看了Tapestry生成的html代码。它有以下标签：

    <form onsubmit="javascript:Tapestry.waitForPage(event);" 
  action="test.form" method="post" id="form" name="form">

所以我将 document.form1.submit() 更改为 document.form.submit()，但仍然没有解决问题。我的代码有什么问题吗（或者）hibernate 不允许从 JavaScript 函数内部提交表单？

原文

I am trying to submit a form from inside a JavaScript function in Tapestry.
Here is the tml file.

<!DOCTYPE html>
<html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd" xmlns:tx="tapestry-library:tapx">
<head>
    <script type="text/javascript">
        function bodyLoaded () {
          document.form1.submit();
        }
    </script>
</head>
<body onload="bodyLoaded()">
<form t:type="form" t:name="form1">
    <select t:type="select" t:id="reportType" t:model="literal:A, B"></select>
    <input t:type="submit" id="clientSubmit" value="Generate"/>
</form>
</body>
</html>

But I am getting below error, and the form is not getting submitted.

document.form1 is undefined [Break on
this error] document.form1.submit();

So I looked at the html code generated by Tapestry. It has following tag:

    <form onsubmit="javascript:Tapestry.waitForPage(event);" 
  action="test.form" method="post" id="form" name="form">

So I changed document.form1.submit() to document.form.submit(), but still it didn't solve the problem. Is there anything wrong with my code (or) doesn't hibernate allow to submit the form from inside JavaScript functions?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

情释 2024-10-13 11:38:13

升级到 Tapestry 5.2。这是之前 5.x 版本中的一个已知问题。

https://issues.apache.org/jira/browse/TAP5-947

回复收藏 0 原文

一身骄傲 2024-10-13 11:38:13

<form t:type="form" t:name="form1" t:id="form1">
    <select t:type="select" t:id="reportType" t:model="literal:A, B"></select>
    <input t:type="submit" id="clientSubmit" value="Generate"/>
</form>




<script type="text/javascript">
        function bodyLoaded () {
          document.getElementById('form1').submit();
        }
    </script>

我刚刚将 id 放入表单标签中，并在 java 脚本中进行了一项更改。

这可能对你有帮助。

谢谢。

<form t:type="form" t:name="form1" t:id="form1">
    <select t:type="select" t:id="reportType" t:model="literal:A, B"></select>
    <input t:type="submit" id="clientSubmit" value="Generate"/>
</form>




<script type="text/javascript">
        function bodyLoaded () {
          document.getElementById('form1').submit();
        }
    </script>

i have just put id in the form tag and one change in java script.

This may help you.

Thanks.

回复收藏 0 原文

乜一 2024-10-13 11:38:13

而不是 document.form 尝试 document.forms[0]

回复收藏 0 原文

凡尘雨 2024-10-13 11:38:13

Use id of the form

<form t:type="form" t:name="form1" t:id="form1">

document.form1.submit();

Use id of the form

<form t:type="form" t:name="form1" t:id="form1">

document.form1.submit();

回复收藏 0 原文

帅气称霸 2024-10-13 11:38:13

我今天将 Tapestry 从 5.0.1.5 更新到 5.0.1.8，以摆脱 AjaxFormLoop 中烦人的错误，猜猜我遇到了什么:)
在沮丧了近 4 个小时后，我尝试了一些有效的方法。

该错误是由 Tapestry 自动在表单的 onSubmit 事件上添加 waitForPage(event) javascript 方法引起的（以防止在加载页面之前提交表单）。当您说 document.getElementById('form1').submit(); 或此处注释建议的任何迭代时，它似乎会由于方法参数不匹配而抛出该异常（我思考）。无论如何，要修复它，只需将行更改为 document.getElementById('form1').submit(this);

这对我有用，我希望这也能解决您的问题！

回复收藏 0 原文

~没有更多了~