How can i turn off ASP.NET required field validator "lost focus" behaviour

Question

I have some code where I need two separate required field validators for one control, both in separate validation groups which are then validated by two separate buttons.

This approach works well when the buttons are clicked but both validators show if I enter a value in the textbox and then remove it.

Is there a way to turn this"lost focus" validation off? I only need it to validate when the buttons are clicked.

EDIT

Unfortunately, if I set EnableClientScript=false then I dont have any client notifications. What I want is for the dynamic error message to show (effectivly in the OnClientClick event of the button) but not the "lost focus" of the textbox.

Is there some way I can disable or "unhook" the lostfocus client event?

EDIT

A combination dDejan's answer and womp's answeer here sorted the problem perfectly.

My final code looks like this (for anyone else with a similar situation)...

Javascript...

<script type="text/javascript">

    $(document).ready(function() {
        $('body').fadeIn(500);

        //Turn off all validation = its switched on dynamically
        $.each(Page_Validators, function(index, validator) {
                ValidatorEnable(validator, false);
        });
    });

    function ToggleValidators(GroupName) {

        $.each(Page_Validators, function(index, validator) {
            if (validator.validationGroup == GroupName) {

                ValidatorEnable(validator, true);

            } else {
                ValidatorEnable(validator, false);
            }
        });
    }

</script>

ASPX Control Example...

<telerik:RadTextBox Width="196px" ID="txtFirstName" runat="server" MaxLength="50" Skin="Black"></telerik:RadTextBox>
<asp:RequiredFieldValidator ID="valFirstName" CssClass="Validator" runat="server" EnableClientScript="true" Display="Dynamic" ErrorMessage="You  must enter your first name." ControlToValidate="txtFirstName" ValidationGroup="NeededForEmail"></asp:RequiredFieldValidator>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" CssClass="Validator" runat="server" EnableClientScript="true" Display="Dynamic" ErrorMessage="You  must enter your first name." ControlToValidate="txtFirstName" ValidationGroup="NeededForSubmit"></asp:RequiredFieldValidator>

ASPX Button Code...

<asp:Button ID="btnGetConfCode" runat="server" Text="Get Confirmation Code" OnClientClick="ToggleValidators('NeededForEmail')" OnClick="btnGetConfCode_Click" Width="100%" ValidationGroup="NeededForEmail"/>

<asp:Button ID="btnRegisterUser" runat="server" Text="Register" OnClientClick="ToggleValidators('NeededForSubmit')" OnClick="btnRegisterUser_Click" Width="100px" ValidationGroup="NeededForSubmit" />

So, now there is no validation until a user clicks either the "Get Email Confirmation Code" button or the "Register" button.

If they click the "Get Email Confirmation Code" button all of the controls validate apart from the textbox where the user is to input the email validation code and we only see one validator message.

If they click the "Register" Button then all of the controls validate and we only see one validation message.

If either button is pressed, the user goes back, adds and then removes some text then we only see one validator. Before this change you used to see both messages saying the same thing.

Thank you for help guys

I know this might be old but once the Validator has been activated onSubmit, how do you turn it off again on focus, so that the error message disappears until the submit button is clicked again? — RealSollyM, Jul 03 '15 at 10:15

score 5 · Accepted Answer · answered Jun 25 '10 at 09:29

You can set if the validators are "active" or not with client side code using the ValidatorEnable function. Basically it goes like this

var validator = document.getElementById('<%=Validator1.ClientID%>');
ValidatorEnable(validator , state); //where state is boolean

You can also trigger the validator to validate on some event (like for example the click of the buttons) using the ValidatorValidate(validator) function.

I am not sure which would work better for you (enabling/disabling the validators or custom triggering of the validation) but I suggest this article that will guide you in the right direction

ASP.NET Validation in Depth

I know this might be old but once the Validator has been activated onSubmit, how do you turn it off again on focus, so that the error message disappears until the submit button is clicked again? — RealSollyM, Jul 03 '15 at 10:15

score 2 · Answer 2 · answered Jun 23 '10 at 17:53

There's no way to unhook them if EnableClientScript=true.

What you could do is set it to false. Then create a javascript validation method that is called on your submit-button onClientClick event.

In your method, you would have to call ValidatorValidate(control) for each control you want to validate client side

There's an example here:

http://msdn.microsoft.com/en-us/library/Aa479045#aspplusvalid_clientside

score 0 · Answer 3 · answered Jun 23 '10 at 14:51

0

You could turn off the javascript validation by setting EnableClientScript="false" that would get rid of the lost focus validation.

answered Jun 23 '10 at 14:51

Chris Mullins

6,677
2
31
40

score 0 · Answer 4 · answered Jun 24 '10 at 09:52

You can use Custom Validator controls instead and either validate the input using Javascript on the client or within the event handler on the server. Ensure you set ValidateEmptyText="true" on the validation controls otherwise the events will not fire on an empty field.

score 0 · Answer 5 · answered Jun 25 '10 at 11:42

0

Try to Enable on Both button click using javascript and disable it on textbox blur event.

answered Jun 25 '10 at 11:42

Navin

1

score 0 · Answer 6 · edited Sep 30 '15 at 08:05

0

simply type this code in page_load event

textboxname.Attributes.Add("onblur","ValidatorOnChange(event);");

edited Sep 30 '15 at 08:05

Scorpio

2,309
1
27
45

answered Sep 30 '15 at 07:20

Aasim Inamdar

331
3
4

score 0 · Answer 7 · edited Oct 28 '12 at 00:35

0

var validator = document.getElementById('<%=Validator1.ClientID%>');
ValidatorEnable(validator , state);

It is working in javascript but when we use the page.Isvalid function on Server side it creates the problem to check page is valid or not.

edited Oct 28 '12 at 00:35

Toon Krijthe

52,876
38
145
202

answered Jan 27 '12 at 04:51

Ray

1

score 0 · Answer 8 · edited Feb 12 '12 at 16:20

0

Try resetting the onchange event for the input-control.

$(document).ready(function () {
        $("#controlid").each(function () { this.onchange = null; })
    });

edited Feb 12 '12 at 16:20

Peter O.

32,158
14
82
96

answered Feb 12 '12 at 15:52

Marcus Lundberg

21
1

How can i turn off ASP.NET required field validator "lost focus" behaviour

8 Answers8

Linked