javascript - jsp在两个页面之间传递变量

Question

在我的主 jsp 页面中，我有类似的内容

<%@ include file="../customParametersHorizontal.jsp" %>

<tr>
<td align="center" class="ReportParamsGenerateButtonCell">
<html:submit onclick="if(preGenerateCriteria()){return true;} else {return false;}">Generate</html:submit>
</td>
</tr>

在 customParametersHorizo​​ntal.jsp 中，还有 dateSelection1.jsp 的另一个包含项，它验证表单上设置的日期和时间。

 <script>
function validateHHMM(inputField, message) {
    var isValid = /^(0?[1-9]|1[012])(:[0-5]\d) [APap][mM]$/.test(inputField);

    if (isValid) {

    }else {
        alert("Time must be entered in the format HH:MM AM/PM");

    }

    return isValid;
}
</script>

因此，在 dateSelection1.jsp 中，我尝试使用以下方法禁用主 jsp 中的按钮:

 document.form1.ReportParamsGenerateButtonCell.disabled= true;

但是，我收到一条错误消息，指出对象为 null 或未定义。

无论如何，我可以设置一个变量，以便主窗体可以检查它并相应地禁用按钮吗？

Answer 1

这是一种方法，保留 <html:submit>标签，并且不引入 jQuery:首先，添加 styleId 属性，以便您的按钮具有可以获取的 HTML ID:

<html:submit styleId="my_submit" onclick="if(preGenerateCriteria()){return true;} else {return false;}">Generate</html:submit>

接下来，使用 ID 获取 DOM 的元素并禁用它:

var elt = document.getElementById("my_submit");
elt.disabled = true;

更新

如果我正确理解原来的问题，main.jsp 包括 customParametersHorizo​​ntal.jsp，whichci 包括 dateSelection1.jsp。因此，这三个脚本仅呈现一个 HTML 页面，即一个文档对象。

我只看到一个 <form> 的(部分)代码在 HTML 页面上。即使您确实有多个表单，.getElementById() 也适用于所有表单中的所有 DOM 元素，而不是 document.form1访问元素的样式。

请确保在适当的位置调用 validateHHMM() 来启用/禁用提交按钮，并确保在用户更正其输入使其有效后重新启用该按钮。