use html5 validator in asp.net webform when have two Button runat server

Question

<body>
<form id="form1" runat="server">
    <div>
        <asp:TextBox ID="txtb3" runat="server" required></asp:TextBox>
        <asp:TextBox ID="txtb2" runat="server" required></asp:TextBox>
        <asp:TextBox ID="txtb1" runat="server" required></asp:TextBox>

        <asp:Button ID="btnBack" runat="server" Text="btn 2" OnClick="btnBack_Click" />
        <asp:Button ID="btnSubmit" runat="server" Text="btn 1" OnClick="btnSubmit_Click" />

    </div>
</form>

This is my code page. I have two button and need validation in submit button but don't need validate in back button. What to do that!!!

Community · Accepted Answer · 2017-05-23 12:24:41Z

2

You can write javascript to prevent that for back button. Following is the snippet you need.

<script  type="text/javascript">
    function setNoValidate() {
        for (var f = document.forms, i = f.length; i--;) f[i].setAttribute("novalidate", i);
        document.forms[0].submit(); // replace 0 with with actual form name, like document.formSub
    }
</script>

<asp:Button ID="btnBack" runat="server" Text="btn 2" OnClientClick="setNoValidate();" />

Update

You can use HTML5 attribute formnovalidate to escape HTML5 validation i.e. directly use <asp:Button ID="btnBack" runat="server" Text="btn 2" formnovalidate /> instead of above script. Explained here

Note: CausesValidation is to handle validation for asp.net validators not HTML5 validation.

edited May 23, 2017 at 12:24

CommunityBot

11 silver badge

answered Apr 12, 2015 at 9:44

Arindam Nayak

7,4904 gold badges36 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nitin... · Accepted Answer · 2016-02-10 05:53:12Z

Use formnovalidate tag to avoid validation ---

formnovalidate="formnovalidate"

 <asp:Button ID="btnBack" runat="server" Text="btn 2" OnClick="btnBack_Click" formnovalidate="formnovalidate" />

<body>
    <form id="form1" runat="server">
        <div>
            <asp:TextBox ID="txtb3" runat="server" required></asp:TextBox>
            <asp:TextBox ID="txtb2" runat="server" required></asp:TextBox>
            <asp:TextBox ID="txtb1" runat="server" required></asp:TextBox>

            <asp:Button ID="btnBack" runat="server" Text="btn 2" OnClick="btnBack_Click" formnovalidate="formnovalidate" />
            <asp:Button ID="btnSubmit" runat="server" Text="btn 1" OnClick="btnSubmit_Click"  />

        </div>
    </form>

Laurent Lequenne · Accepted Answer · 2015-04-12 14:51:53Z

0

This is the right way to do :=)

<asp:Button ID="btnBack" runat="server" Text="btn 2"
      OnClick="btnBack_Click"  CausesValidation="False"/>

answered Apr 12, 2015 at 14:51

Laurent Lequenne

9105 silver badges15 bronze badges

1 Comment

Arindam Nayak Over a year ago

OP is asking to disable HTML5 validation, and CausesValidation is to disable asp.net validations, I have tried your solution, it does not work, it still displays html5 validation error. so downvoting your answer :=( –

Hamza Khanzada · Accepted Answer · 2017-01-21 13:35:47Z

0

Just add formnovalidate="formnovalidate" on the button on which you dont want html5 validation to be fired.

edited Jan 21, 2017 at 13:35

answered Nov 6, 2016 at 16:24

Hamza Khanzada

1,5601 gold badge26 silver badges44 bronze badges

2 Comments

ρяσѕρєя K Over a year ago

Add some explanation with answer for how this answer help OP in fixing current issue

Hamza Khanzada Over a year ago

Just add formnovalidate="formnovalidate" on the button on which you don't want the html5 validation to be fired. like below <asp:Button ID="btnBack" runat="server" Text="btn 2" OnClick="btnBack_Click" formnovalidate="formnovalidate" />

Collectives™ on Stack Overflow

use html5 validator in asp.net webform when have two Button runat server

4 Answers 4

Comments

Comments

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related