隐藏的DOM元素，包含消息并使其可见

Question

我需要使用包含消息的隐藏DOM元素来显示“请等待处理”消息，该消息包含一个隐藏的DOM元素并使之可见，但该消息未显示。

我的表单的HTML和我的validate函数在下面给出。

<form name="siteSearchForm" method=post action="<%=request.getContextPath()%>/servlet/visibilityController" onsubmit="javascript:return validate();on_load()">
    <td align="center" width="10%"><input type=submit name="siteSearchSubmit" value="SUBMIT" >&nbsp;<input type="RESET" name="clearTN" value="RESET"></td>
</form>

我在onsubmit期间通过在表单标签上调用on_load尝试了以下代码，但未显示消息

<head>
    <script type="text/javascript">
        function on_load(){
            var y = document.getElementById("txtHiddenUname");
            y.type= "text";
        }
    </script>
</head>

<body>
    <input type="hidden" id="txtHiddenUname" value="invalid input" />
</body>

Answer 1

因为return语句将退出函数调用，并且在运行后将不执行任何操作。 您需要在退货前添加它。

onsubmit="on_load(); return validate();"

或者你可以做

onsubmit="return validate() && on_load();"

但是您的on_load函数需要返回true。

function on_load(){  return true; }

另外，为什么要使用输入来显示消息？ 似乎您应该使用无显示/无显示的段落。 javascript：在事件处理程序中是不需要的，并且on_load似乎应该在窗口加载而不是表单提交时调用。

Answer 2

还添加以下行：

y.style.display = "block";