Two Fields - Cross Validation

Question

5.00/5 (3 votes)

See more:

Hi,

I've got two field, one's a numeric value and the other one is a date.

What I want is to validate that both fields are either empty or filled in or in other words, if either field has a value, the other field also must have a value. The logic equivalent is "AND".

Can anyone suggest the best way to do it via client validation?

I did try custom validators on both but I don't think I can validate on the other field very easily or is there a way round this?

Thanks!

Posted 18-Mar-11 7:00am

thowra

Add a Solution

Comments

Albin Abel 18-Mar-11 13:37pm

You can use a validation group with required field validator

Albin Abel 18-Mar-11 13:47pm

ok understand simple grouping may not work, there is a condition. Can use javascripts

2 solutions

Solution 2

Just a quick update...

I'm not using ASP.NET 4.0 so couldn't use ClientIDMode="Static".

I had to make the following change:

text1 = document.getElementById("<%=TextBox1.ClientID%>").value;
text2 = document.getElementById("<%=TextBox2.ClientID%>").value;

One-liner for the return value as well (in JavaScript, empty strings are "falsy")

arguments.IsValid = (text1 && text2) || (!text1 && !text2);

Posted 21-Mar-11 1:01am

thowra

Updated 21-Mar-11 1:20am

v2

Comments

thowra 21-Mar-11 7:43am

Nice one Jonathan! :)

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Albin Abel · Accepted Answer · 2011-03-18T08:25:00

Can use Custom validator with client script or with server code. Here I am showing a client side validation example

the markup..

XML

<asp:TextBox ID="TextBox1" runat="server" ClientIDMode="Static" ValidationGroup="Group1"></asp:TextBox>
<asp:TextBox ID="TextBox2" runat="server"  ClientIDMode="Static"  ValidationGroup="Group1"></asp:TextBox>
<asp:Button ID="Button2" runat="server" ValidationGroup="Group1" Text="Button" />
<asp:CustomValidator ID="CustomValidator1" ControlToValidate="TextBox1" ValidateEmptyText="true" ValidationGroup="Group1" ClientValidationFunction="validate"  runat="server" ErrorMessage="Required Fields Are Blank"></asp:CustomValidator>

I have made the clientId mode to static in order to use ease with javascript. The Custom validator has the ClientValidationFunction attribute. Can use that for validation at client side. Below is the example script to allow text box both blank or both has value. If either one has value it throws error.

C#

<script type="text/javascript" language="javascript">
function validate(source, arguments) {
        text1 = document.getElementById("TextBox1");
        text2 = document.getElementById("TextBox2");
        if ((text1.value == "" || text2.value == "") && !(text1.value == "" && text2.value == "")) {
            arguments.IsValid = false;
        } else {
            arguments.IsValid = true;
        }

    }
</script>