清除按钮不应该是字段HTML5

时间:2012-07-11 08:27:30

标签: c# asp.net html5 button

即时创建表单包括以下代码:

 <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)仍会显示。 如何仅为“清除”按钮禁用它。

4 个答案:

答案 0 :(得分:1)

您确实要求服务器控件取消吗?在大多数情况下,简单的<input type="reset">或小的javascript代码都可以完成这项任务。

如果没有,只需在您的按钮上添加CauseValidation="false"

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

(删除适用于asp.net验证的建议)

答案 1 :(得分:0)

您可以使用javascript(jQuery)清除TextBox:

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

或Javascript:

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

希望得到这个帮助。

答案 2 :(得分:0)

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

答案 3 :(得分:0)

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

请检查this