How to trigger ASP.NET client-side validations without submit?

Question

I have a website in ASP.NET (WebForms, NOT MVC) which has a survey form divided in several slides. Each slide has a next button that, obviously does a transition (client-side, not post back or remote request) to the next slide.

In each slide I have several ASP.NET controls with their related validators. I want this validators to be triggered when I click the next button (or maybe when each input loses focus?).

I remembered ASP.NET doing client side validation on lost focus, but maybe I'm wrong... (I quit doing ASP.NET development about 3 years now, so I can't remember)

Thanks

UPDATE:

It would be better to make ASP.NET trigger each validator when the associated control lost focus. I remember ASP.NET doing this (or am I dreaming? =P)

Common ones. Required field validators, range validation, some RegEx... but mostly required. — empz, Jan 17 '11 at 18:37
If you are using `.val()` from jQuery, then you have to call `.change()` too. Like `$("#thing").val(''); $("#thing").change();` — jmbmage, Jan 26 '16 at 18:09

score 3 · Answer 1 · answered Jan 17 '11 at 18:36

3

It looks like there's a supplied JavaScript function called Page_ClientValidate which should be callable to check the validation manually from JavaScript. I haven't used it, though, so YMMV.

answered Jan 17 '11 at 18:36

David

208,112
36
198
279

Eric · Accepted Answer · 2011-01-17T18:44:53.380

3

First you need to make sure all of your validators have target controls specified using the "TargetControlID" Attribute on the validators.

Then you can set up a validation group per page and specify the group name in your next button and on the controls themselves.

If you are using regular expression validators you can choose them from this website

To Validate Client Side If you are using custom validators you can create a client function and specify it on the custom validator using the ClientValidationFunction attribute and by setting EnableclientScript = "true" on the custom validator.

Just be sure your client function has sender and args parameters.

edited Jan 17 '11 at 18:44

answered Jan 17 '11 at 18:39

Eric

7,930
17
96
128

Problem is 'next' button is not really a button but a link that executes some javascript to make the transition to the next slide. Not post-back, nor remote request involved. – empz Jan 17 '11 at 18:54
what about using the onchange() javascript method? or onblur()? – Eric Jan 17 '11 at 18:57
you would use those methods on the text box themselves. – Eric Jan 17 '11 at 19:01

score 1 · Answer 3 · answered Jan 17 '11 at 18:36

1

put all your client-side validators into the same validationgroup and with your 'next' button add the same validation group. When you click the button it will automatically trigger all the validators before it does the post-back.

as to manually triggering the validation... you might also be able to use ValidatorOnSubmit(). I remember doing this in another project but i'm having a hard time finding the code.

answered Jan 17 '11 at 18:36

yamspog

18,173
17
63
95

Problem is 'next' button is not really a button but a link that executes some javascript to make the transition to the next slide. Not post-back, nor remote request involded. – empz Jan 17 '11 at 18:53

score 0 · Answer 4 · answered Sep 11 '17 at 07:42

0

In short decorate your model, now Data Annotations are supported from Asp.Net 4.5 Check my Answer here..Client side webform validations

answered Sep 11 '17 at 07:42

Sundara Prabu

2,361
1
21
20

score 0 · Answer 5 · answered Jan 17 '11 at 22:17

0

It seems that enabling 'SetFocusOnError' on each validator triggers the validation whenever I try to leave the field.

answered Jan 17 '11 at 22:17

empz

11,509
16
65
106

How to trigger ASP.NET client-side validations without submit?

5 Answers5

Linked