Enabling / Disabling Required Field Validator using JavaScript

In our current application there is a requirement in one of the pages that when the an user is requesting for a some information, there are some options like Passport Number, Social Security Number are optional values to be submitted. And the client wanted them to be check boxes, because, the end user may submit more than one values. Here comes the actual trick, when the end user selected any one option, the text box next to that should be required. The UI would be some thing like the below

 Requirement

And the code for that is as mentioned below 

<asp:CheckBox ID="cbPassport" runat="server" Text="Passport Number" onclick="disableRFV(1)" />

<asp:TextBox ID="txtPassportNumber" runat="server"></asp:TextBox> &nbsp; 

<asp:RequiredFieldValidator ID="rfvPassport" Enabled="false" Display="Dynamic" 
EnableClientScript="true" ControlToValidate="txtPassportNumber" 
ErrorMessage="Pl Enter Passport Number" runat="server" ValidationGroup="vgFields">
</asp:RequiredFieldValidator> <br />
 
<asp:CheckBox ID="cbSSN" runat="server" Text="Social Security Number"  onclick="disableRFV(2)"  />

<asp:TextBox ID="txtSSN" runat="server"></asp:TextBox>

<asp:RequiredFieldValidator ID="rfvSSN" Enabled="false" Display="Dynamic" 
EnableClientScript="true" ControlToValidate="txtSSN" 
ErrorMessage="Pl Enter Passport Number" runat="server" ValidationGroup="vgFields">
</asp:RequiredFieldValidator> <br />

Here you are missing the javascript function disableRFV(). The code for that is as mentioned below

<script language="javascript">
function disableRFV(val) 
{
    var enableControl = event.srcElement.status;
    if(val == "1")
        ValidatorEnable(document.getElementById('<%= rfvPassport.ClientID %>'), enableControl);
    else
        ValidatorEnable(document.getElementById('<%= rfvSSN.ClientID %>'), enableControl);
}
</script>

The point to note is the ValidatorEnable function that is provided by ASP.NET Javascript Script library. And one more thing that we have to remember is that, while submitting the Required Field Validator control id, we have to pass the clientid, because these controls would be having the runat=“server” tag.


So final points are..


1) Write code for the checkbox with a onclick event


2) Enable the ClientScript for the RequiredFieldValidator


3) Don't forget to associate all the RequiredFieldValidators with ValidationGroup


Final) Within the JavaScript function invoked by the checkbox onclick, use the ValidatorEnable method to enable or disable the RequiredFieldValidator


 


Hope you got it.. if am missing any .. pl remind me

Comments

Post a Comment

Popular posts from this blog

Network Intrusion Detection using Supervised ML technique

Declaimer This is my initial version of the synopsis for PhD studies. There are plenty of things that i have to complete before i prepare the final version. Thus, this would be the alpha version. Due to the length of the blog post, will not be posting the entire draft. 1.Title of the thesis Network Intrusion Detection using Supervised Machine Learning Technique with Feature Selection 2.Introduction Intrusion Detection System, IDS, is a development which improve the network security and defending the information of the association. The IDS encourage the network chairman to recognize any malicious action on the network and alarms the executive to get the information made sure about by taking the appropriate activities against those attacks. An intrusion alludes to any unauthorized access or malicious usage of data assets. An intruder or an attacker is a true element that attempts to discover a way to increase unauthorized access to data, causes hurt or take part in different
Read more

Common mistakes by Interviewer

Now-a-days am conducting few interviews for our organization. While sitting in the other side of the table, I've visualized why most of the interviews fail with me. But when conducting these interviews, most of the candidates are attending with self confidence that they are suitable for the mentioned role and attend without preparation. When people do some real preparation, they tend to fail due to lack of awareness at the interviewer towards interviewing techniques. Having failed in many interviews, I've learned that the interviews fail because of the following... Reflection (or) Mirroring: The interviewer tends to see self within the candidate. The interviewer starts to compare self with the candidate and evaluate. This evaluation is totally personal. The yard stick for measuring the candidature is not generalized, but influenced.   Template (or) Checklist: The interviewer has a template of a questionnaire. The interviewer measures the candidate with respect to the list of st
Read more

Keep the system active, to avoid the auto lock

Most of the corporate offices will have a policy for screen locking. While working with a long running applications at background, like the automation scripts for testing the applications, it would be difficult to maintain the unlock state of the screen. Thus, we found a technique to keep the system active with a cheating technique. Below is the powershall scripts that keeps the system active ' I am clicking on NUMLOCK for every 5 seconds to keep the system awake Set objNetwork = CreateObject("Wscript.Network")'to get user name numOfHours=inputbox("Hi " & objNetwork.UserName & ", How many hours you want me to be awake? :->") 'time variable conatins the time in hours Set WshShell = WScript.CreateObject("WScript.Shell") 'Creating an object for clicking keys from keyboard numOfMilliSecs=numOfHours*3600*1000 'converting hours to milli seconds While numOfMilliSecs>0 'runs until tym becomes zero WshShell.Send
Read more