Question

我有一个包含3个文本框的webform，一个复选框和一个Reset按钮。当我单击“重置”按钮并且我需要它作为客户端操作时，我需要将这些重置为空值。我为此尝试的JS代码如下，但由于某种原因它不起作用。任何帮助PLease？

<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

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

以下内容可以帮助您做您需要的事情。

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

Answer 2

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

Answer 3

尝试以下代码

<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 =“静态”并在javascript中使用以下行

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

希望有所帮助

重置客户端上的Webform

3 个答案: