FormView validation problem

Question

User1510859543 posted

We have a FormView (see sample markup below) that is not bypassing validation on the Cancel button.  I have a feeling that it has something to do with required="required" on the TextBox (input) control but not sure why. I would prefer not to use the RequiredFieldValidator unless it is the only option.  When a user clicks the "Cancel" button it attempts to validate all TextBox controls even though the button has CausesValidation="False". Any way around this?

            <asp:FormView ID="fvRegistration" runat="server" DataKeyNames="RegistrationID" 
                DataSourceID="SqlRegistrations" DefaultMode="Insert">
                <InsertItemTemplate>
                    <table>
                        <tr>
                            <td style="text-align: right">
                                First Name:<span class="required">*</span>
                            </td>
                            <td>
                                <asp:TextBox ID="txtOrgFirstName" runat="server" Text='<%# Bind("OrgFirstName") %>' MaxLength="20" required="required" />
                            </td>
                        </tr>
			......
                        <tr>
                            <td style="text-align: center">
                                <asp:Button ID="BtnInsert" runat="server" CausesValidation="True" 
                                    CommandName="Insert" Text="Submit" OnClientClick="return submitForm('info_form');" />
                            </td>
                            <td style="text-align: center;">
                                <asp:Button ID="BtnInsertCancel" runat="server" 
                                    CausesValidation="False" CommandName="Cancel" Text="Cancel" ForeColor="#FF3300" />
                            </td>
                        </tr>
                    </table>
                </InsertItemTemplate>
            </asp:FormView>

Answer 1

User475983607 posted

You need to settle on the validation you intend to use.  If you are using validation server controls, then remove the client API validation.

Answer 2

User1510859543 posted

So there is no way to bypass the client API validation?

Answer 3

User475983607 posted

So there is no way to bypass the client API validation?

You are in control of the validation API used in the application.  I assume you are using HTML 5 validation which, as far as I know, is a different API than what ASP Server Control Validation uses.  Unless something changed in the latest framework.

You need to settle on a validation strategy and use that same strategy throughout the application.  

https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Form_validation

Answer 4

User1510859543 posted

Too bad if you just want to cancel entry.  I did notice that you can click the back button to exit and it bypasses checking.

Answer 5

User475983607 posted

dlchase

Too bad if you just want to cancel entry.  I did notice that you can click the back button to exit and it bypasses checking.

I assume you settled on HTML 5 validation? Then simply do an HTTP GET rather than a post.  Or use a button type rather than a submit.  Did you read the posted link?

Answer 6

User1510859543 posted

Yes, I read the link.  I tried the js function below in OnClientClick property and it did bypass the API.

        function goBack() {
            if (confirm('Are you sure you want to Cancel?') === true) {
                window.history.back();
            }
        }