Validation Error showing on reveal of textbox instead of on submit only

Could you please show us the core of ValidatorEnable function?

@Zakaria Acharki I am not sure what you mean by core of the ValidatorEnable, but in my main post I included all the javascript that I am using. Some other code that I felt might be relevant is the code in front:

<div class="stylPaddingTop">
                            <asp:TextBox ID="txtEmailNotification" CssClass="" runat="server"></asp:TextBox>
                        </div>
                        <div>
                            <asp:RequiredFieldValidator ID="valEmailNotification" runat="server"></asp:RequiredFieldValidator>
                        </div>
                        <div>
                            <asp:RegularExpressionValidator ID="valRegExpEmailNotification" runat="server"></asp:RegularExpressionValidator>
                        </div>

Select allOpen in new window

The code behind:

    Protected Sub LoadValidators()

        Try
            btnSaveNotifications.ValidationGroup = NotificationsValidationGroup
            valEmailNotification.ValidationGroup = NotificationsValidationGroup
            val.RequiredFieldValidate(valEmailNotification, "txtEmailNotification", "Email Required", "*Required")
            val.RequiredField(lblEmailNotifications)

            valRegExpEmailNotification.ValidationGroup = NotificationsValidationGroup
            val.ValidExpressionEmail(valRegExpEmailNotification, "txtEmailNotification", "Email", "*Please enter a valid email")
            '1/7/2019 KRERT #1210 My Account: changed to true
            valEmailNotification.Visible = True
            valRegExpEmailNotification.Visible = True ' ShowHideIsEmailNotices '1/4/2019 KRERT #1210 My Account show all the time, and handle with javascript

        Catch ex As Exception
            SendError(ex.Message)
        End Try
    End Sub

    Protected Function HandleSave(ByVal ValidationGroup As String) As Boolean
        Dim rdh As New RiverDogHandler
        If chkIsEmailNotices.Checked = False Then
            valRegExpEmailNotification.Enabled = False
            valEmailNotification.Enabled = False
        End If
        Dim bSuccess As Boolean = rdh.HandleSave(Me.LoggedInUserProfileId, ValidationGroup, Page)
        'sets validators as true if checked
        valRegExpEmailNotification.Enabled = True
        valEmailNotification.Enabled = True

        If bSuccess = False Then
            'Added so it gives error if validation fields failed
            SendError("Validations failed. Nothing saved.", False)
        End If
        Return bSuccess
    End Function

Select allOpen in new window

The suggestion you gave doesn't seem to work. I tied the function I have to the save button, but it causes an error with the validations.
The problem I am wanting to fix is that when I click the checkbox to reveal the textbox, the validation error "*Required" shows immediately. I don't want it to show until they have attempted to fill it out and then blanked it out, or hit the save button after having left it blank.
I thought if I used your suggestion, and tied the ValidatorEnable to the save button it might fix it. I commented out the ValidatorEnable on the checkbox and had it tied to the save button instead, but I was given a server side Validation failed error. It shouldn't be hitting the server side yet. It should return the error for the validation on the client side only, but it's triggering an auto postback and hitting the server side in addition to the client side. It should not hit the server side if the validations fail on the client side. The adjustments I made to the code is below:

$(document).ready(function functionCheckEmail() {
    //check if checkbox is checked on page load
    if ($('#chkIsEmailNotices').is(':checked')) {

        $("#" + idEmail.txtEmailNotification).show(); //shows if checked
        //$("#" + idEmailVal.valRegExpEmailNotification).show(); //doesn't work for validators
        ValidatorEnable($("#" + idEmailVal.valRegExpEmailNotification)[0], true); //shows validators
        //ValidatorEnable($("#" + idEmailReqVal.valEmailNotification)[0], true); //shows validators

    } else {

        $("#" + idEmail.txtEmailNotification).hide(); //hides if not checked
        //$("#" + idEmailVal.valRegExpEmailNotification).hide(); //doesn't work for validators
        ValidatorEnable($("#" + idEmailVal.valRegExpEmailNotification)[0], false); //hides validators
        ValidatorEnable($("#" + idEmailReqVal.valEmailNotification)[0], false); //hides validators
    }
    $('#chkIsEmailNotices').click(functionCheckEmail);
    $('#btnSaveNotifications').click(function () {
        ValidatorEnable($("#" + idEmailReqVal.valEmailNotification)[0], true);

    });
});

Select allOpen in new window

UPDATE: I needed to change the CliendIDMode to Static, so the javascript would work. I could have also used a variable, but changing it to static was easier. Anyway, his solution worked once I did that. Thanks!

Thanks Zakaria!