在客户端重置 Web 表单

Question

我有一个带有 3 个文本框、一个复选框和一个重置按钮的网络表单。当我单击"重置"按钮时，我需要将这些重置为空值，并且我需要将其作为客户端操作。我为此尝试的JS代码如下，但由于某种原因它不起作用。有什么帮助吗？

<code>
    <script type="text/javascript">
        function resetForm() {
            document.getElemenyById("<%=txtbox1.ClientID%>").value = "";
            return false;
        }
    </script>
    <asp:LinkButton ID="wbtnReset" runat="server" Text="RESET PAGE"     CssClass="stdHyperlink" Font-Bold="True" OnClientClick="javascript:return resetForm()"/>

</code>

Answer 1

尝试以下代码

<script type="text/javascript">
function resetForm() {
       document.getElemenyById("<%=txtbox1.ClientID%>").value = "";
}
</script>
<asp:LinkButton ID="wbtnReset" runat="server" Text="RESET PAGE"     CssClass="stdHyperlink" Font-Bold="True" OnClientClick="resetForm()" CausesValidataion = "false"/>

如果您

使用的是 .NET 4.0，则可以使用简单的方式执行此操作。 使用 ClientIDMode="Static" 并在 JavaScript 中使用下行

document.getElemenyById("txtbox1").value = "";

希望对您有所帮助

Answer 2

要使用 javascript 重置表单，您需要在表单对象上调用重置方法。

以下内容应该可以帮助您完成所需的操作。

<asp:LinkButton ID="wbtnReset" runat="server" Text="RESET PAGE" CssClass="stdHyperlink" Font-
Bold="True" OnClientClick="javascript:this.form.reset(); return false;"/>

Answer 3

你不需要JS。只需尝试<input type="reset" value="Reset Form">或<button type="reset">Reset Form</button>.这不会删除所有数据，但会还原表单的初始状态。