Web Tutorials

Interview Q & A

Code Examples

Utility Tools

ASP.NET Enable Disable RequiredFieldValidator in client-side

In order to enable/disable client-side RequiredFieldValidator or validation of the page you need to call "ValidatorEnable" function in Javascript. The RequiredFieldValidator control belongs to System.Web.UI.WebControls

Syntax

ValidatorEnable(ValidatorContronName,Boolean);

ASP.NET RequiredFieldValidator Control Property

PropertyDescription
ControlToValidateSpecifies control name which needs to be validate.
DisplaySpecifies behavior of the error message.
EnableClientScriptSpecifies whether or not client-side validation is enabled.
EnabledSpecifies whether or not validation control is enabled or not.
ErrorMessageSpecifies error messageto be display in validation summary.
ForeColorSpecifies error message color.
IsValidIndicate if associate control passes validation or not.
SetFocusOnErrorSet focus on associate control if validation fails.
TextSpecifies text to be display if validation fails.
ValidationGroupSpecifies validation group name.
ValidateUpdate the isvalid propery.
ValidateGetValidationPropertyDetermineing validation property of a control, if it exists.
InitialValueSpecifies initial value of input control.

ASP.NET Enable Disable RequiredFieldValidator in client-side Example

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" 
Inherits="_Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>ASP.NET Enable/Disable RequiredValidator on client-side Example</title>
<script type="text/javascript">
    function disabledValidation() {
        ValidatorEnable(document.getElementById('<%=rfvName.ClientID%>'), false);
        ValidatorEnable(document.getElementById('<%=rfvURL.ClientID%>'), false);
    }
    function enabledValidation() {
        ValidatorEnable(document.getElementById('<%=rfvName.ClientID%>'), true);
        ValidatorEnable(document.getElementById('<%=rfvURL.ClientID%>'), true);
    }
</script>
</head>
<body>
<form id="Form" runat="server">
<div style="width: 619px">
<asp:Label ID="lblTitle" runat="server" Font-Bold="True" Font-Size="Medium" 
Font-Underline="True" Text="ASP.NET Enable/Disable RequiredFieldValidator on client-side Example"></asp:Label>
<br /><br />
<table border="0" width="500px" cellpadding="0" cellspacing="5">
<tr><td>    
<asp:Label ID="lblName" runat="server" Font-Bold="True" Font-Size="Small"   
    Text="User name:"></asp:Label>
    </td><td>
<asp:TextBox ID="txtName" runat="server" Height="22px" Width="175px"></asp:TextBox>
<asp:RequiredFieldValidator ID="rfvName" runat="server"   
    ControlToValidate="txtName" ErrorMessage="User name can not be empty"></asp:RequiredFieldValidator>
</td></tr>
<tr><td>    
<asp:Label ID="lblURL" runat="server" Font-Bold="True" Font-Size="Small"   
    Text="URL:"></asp:Label>
    </td><td>
<asp:TextBox ID="txtURL" runat="server" Height="22px" Width="175px"></asp:TextBox>
<asp:RequiredFieldValidator ID="rfvURL" runat="server"   
    ControlToValidate="txtURL" ErrorMessage="URL can not be empty"></asp:RequiredFieldValidator>
</td></tr>
<tr><td>
<asp:Label ID="lblPassword" runat="server" Font-Bold="True" Font-Size="Small"   
    Text="Password:"></asp:Label> 
</td><td>
<asp:TextBox ID="txtPassword" runat="server" Height="22px" TextMode="Password"   
    Width="175px"></asp:TextBox>
<asp:RequiredFieldValidator ID="rfvPassword" runat="server"   
    ControlToValidate="txtPassword" ErrorMessage="Password can not be empty"></asp:RequiredFieldValidator> 
</td></tr>
<tr><td colspan="2">
<asp:Button ID="btnDisabledValidation" runat="server" Font-Bold="True" Text="Disabled Validation"
Font-Size="Small" OnClientClick="disabledValidation();" />
<asp:Button ID="txtEnabledValidation" runat="server" Font-Bold="True" Text="Enabled Validation" 
Font-Size="Small"  OnClientClick="enabledValidation();" />
</td></tr>
</table>   
</div> 
</form>
</body>
</html>

Above example will produce following output

RequiredFieldValidator

RegularExpressionValidator

RangValidator

CompareValidator

CustomValidator

ValidationSummary