清除按钮不应为必填字段 HTML5答案

【问题标题】：Clear button should not required field HTML5清除按钮不应为必填字段 HTML5
【发布时间】：2012-07-10 19:50:50
【问题描述】：

我正在创建表单，包括以下代码：

 <asp:TextBox ID="txtPhone" required="required" runat="server" placeholder="Phone No. (eg. 999)"
                    CssClass="glowStyle"></asp:TextBox>
    <br />
    <asp:Button ID="btnAddDriver" Text="Add" runat="server" CssClass="button" />
    <br />
    <asp:Button ID="btnCnclAddDriver" Text="Clear" runat="server" 
        CssClass="cancelbutton" onclick="btnCnclAddDriver_Click" />
    </form>

当我单击“清除”按钮时，仍会显示所需的 (html5)。如何仅为清除按钮禁用它。

【问题讨论】：

标签： c# asp.net html button

【解决方案1】：

将 formnovalidate 属性添加到您的取消按钮。

请查看this

【讨论】：

【解决方案2】：

您可以使用 javascript (jQuery) 清除您的文本框：

$('txtPhone').val('');

或Javascript：

   function name()
   {  
       document.getElementById('txtPhone').value = "";
   }

希望对您有所帮助。

【讨论】：

【解决方案3】：

您可以将 btnCnclAddDriver 按钮的自动回发选项设置为 False。并通过 Ajax 执行您的服务器端代码 (btnCnclAddDriver_Click)。

【讨论】：

【解决方案4】：

你真的需要一个服务器控件来取消吗？在大多数情况下，一个简单的<input type="reset"> 或一个小的 javascript 代码就可以完成这项工作。

~~如果没有，只需将CauseValidation="false" 添加到您的按钮：~~

<asp:Button ID="btnCnclAddDriver" CauseValidation="false" Text="Clear" runat="server" 
    CssClass="cancelbutton" onclick="btnCnclAddDriver_Click" />

（删除建议，因为它适用于 asp.net 验证）

【讨论】：