Java Script Validation Required

Question

0.00/5 (No votes)

See more:

Hi fellows,

I need your kind guidance regarding the following scenarios.

I have a section in my form which contains 1 textbox and 2 checkboxes.
I want to apply validation, that at one time only of the 3 should only be enabled and after unselecting them control could be transfered to another...

i.e. if we write some thing in checkbox then both checkboxes cant be checked and if we select any one checkbox than textbox and 2nd checkbox cant be filled.

I have applied validation on checkboxes but unable to apply on textbox completely.

problem is that when i write some thing in textbox than both textboxes got disabled but than can not be enabled again even if i do empty the textbox.

Kindly do help me in this regards.

Posted 22-Mar-13 2:51am

VICK

Add a Solution

Comments

[no name] 22-Mar-13 9:00am

Help with what exactly? How would you expect us to know what it is that you have done when you do not post your code?

ZurdoDev 22-Mar-13 9:01am

How can we help if we can't see the code?

VICK 25-Mar-13 6:04am

Hi Guys.. there is a possibility some time, when code cant be pasted due to some reasons. That's y i tried to clear my problem through words.

1 solution

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)

Prasad Khandekar · Answer 1 · 2013-03-22T05:07:00

Hello,

I have come with a small prototype. Let me know if it works for you.

HTML

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
function enforce(ctrl) {
    if (ctrl.id === "txtName") {
        $('#chkOne').prop("disabled", ctrl.value.length > 1);
        $('#chkTwo').prop("disabled", ctrl.value.length > 1);
    }
    else if (ctrl.id === "chkOne") {
        $('#txtName').prop("disabled", ctrl.checked);
        $('#chkTwo').prop("disabled", ctrl.checked);
    }
    else {
        $('#txtName').prop("disabled", ctrl.checked);
        $('#chkOne').prop("disabled", ctrl.checked);
    }
}
</script>
</head>
<body>
    <form id="frmMain" name="frmMain" method="post">
        <pre>
Name        : <input type="text" id="txtName" name="txtName" onChange="enforce(this);"/>
Nationality : <input type="checkbox"  id="chkOne" name="chkOne" value="O" onChange="enforce(this);"/>One
              <input type="checkbox"  id="chkTwo" name="chkTwo" value="T" onChange="enforce(this);"/>Two
         </pre>
    </form>
</body>
</html>

Regards,