Determine if page is valid in JavaScript - ASP.NET

Question

What is the best way to determine if a form on an ASPX page is valid in JavaScript?

I am trying to check the validation of an user control that was opened using the JavaScript window.showModalDialog() and checking the 'Page.IsValid' property on the server side does not work. I am using ASP.NET validation controls for page validation.

score 175 · Accepted Answer · answered Jul 01 '09 at 14:03

175

If I have a page that is using a bunch of ASP.NET validation controls I will use code similar to the following to validate the page. Make the call on an input submit. Hopefully this code sample will get you started!

    <input type="submit" value="Submit" onclick"ValidatePage();" />

    <script type="text/javascript">

    function ValidatePage() {

        if (typeof (Page_ClientValidate) == 'function') {
            Page_ClientValidate();
        }

        if (Page_IsValid) {
            // do something
            alert('Page is valid!');                
        }
        else {
            // do something else
            alert('Page is not valid!');
        }
    }

</script>

answered Jul 01 '09 at 14:03

aherrick

19,299
32
104
182

2

You answer plus reading the following post: http://www.velocityreviews.com/forums/t292061-regarding-pageclientvalidate-function.html helped me solved my problem. – Michael Kniskern Jul 01 '09 at 16:32
1

How could I modify the above code if I have multiple validation groups on the page and I just need to check if a single group is valid? – The Muffin Man May 23 '11 at 01:27
5

Update - I removed the `Page_ClientValidate()` call and it works :) – The Muffin Man May 23 '11 at 01:29
See also http://stackoverflow.com/a/3062770/292060 for arguments to this call, addressing the multiple validation groups. – goodeye Jan 17 '13 at 02:04
1

You are so so great aherrick. Thank you. – Jonas T Jun 04 '13 at 07:35
Awesome, you saved my hours – vNext May 05 '14 at 02:15

score 9 · Answer 2 · answered Jul 01 '09 at 14:39

9

You are checking for Page.IsValid where you should be checking for Page_IsValid (it's a variable exposed by the .NET validators) :)

answered Jul 01 '09 at 14:39

Andrea

2,039
2
14
15

I forgot to mention that I was checking the Page.IsValid property on the server side on it was not working. – Michael Kniskern Jul 01 '09 at 15:32

score 7 · Answer 3 · answered Jul 01 '09 at 01:55

7

The ASP.NET validation controls expose a client side API you can use with javascript: http://msdn.microsoft.com/en-us/library/aa479045.aspx

You should be able to check the Page_IsValid object to see if any of the validation controls are invalid.

answered Jul 01 '09 at 01:55

joshb

5,052
4
40
53

score 3 · Answer 4 · edited Oct 20 '12 at 11:26

3

$("input[id$=Button2]").click(function () {
    var validated = Page_ClientValidate('repo');
    if (validated) {
        // JavaScript code.
    }
});

edited Oct 20 '12 at 11:26

Littm

4,903
4
29
37

answered Jun 25 '12 at 13:15

Agrawars

27
2

score 1 · Answer 5 · edited May 23 '17 at 11:54

1

You can use jQuery and the Validation plugin to perform client side validation. This will work with both html tags and asp.net server controls. Phil Haack has a good sample project that will show you the basics.

This SO question has an in depth review of this approach as well.

edited May 23 '17 at 11:54

Community

1
1

answered Jul 01 '09 at 01:43

David Robbins

9,978
7
49
81

score 1 · Answer 6 · answered Feb 07 '14 at 07:06

Set ValidationGroup property for each asp.net validator control in your page, you have to provide same name to ValidationGroup in a page.

For example:

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="Required" ValidationGroup="Validate"></asp:RequiredFieldValidator>
    <asp:RangeValidator ID="RangeValidator1" runat="server" ErrorMessage="RangeValidator" ValidationGroup="Validate"></asp:RangeValidator>
    <asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="CustomValidator" ValidationGroup="Validate"></asp:CustomValidator>

After that in your javascript call like Page_ClientValidate("ValidationGroup")

For example:

function ValidatePage(){
if(Page_ClientValidate("Validate")){ //validate using above validation controls group
      //validation return true section
}
else{
      //validation return false section
}
}

Determine if page is valid in JavaScript - ASP.NET

6 Answers6

Linked