I want to to know,when my cursor move from one textbox to another textbox, If you did not value in textbox1 then a validation should work.

Question

0.00/5 (No votes)

See more:

Hi....
I want to to know,when my cursor move from one textbox to another textbox,
If you did not value in textbox1 then a validation should work using jquery

Posted 28-Feb-14 6:33am

1989priya

Add a Solution

Comments

Thomas Daniels 28-Feb-14 12:38pm

So, if I understand you correctly, you want to test whether textbox1 is empty when focusing another textbox, is that correct?

1989priya 28-Feb-14 12:43pm

yaa.....like that.I tell you through a example.
Suppose you have 2 textbox.In first textbox you will have to fill email and 2 textbox will fill name.when your focus out from one textbox to another textbox.Fisrt textbox should print a validation message i.e. please filled a email

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)

Thomas Daniels · Accepted Answer · 2014-02-28T06:43:00

Solution 1

If I understand you correctly, you want to test whether textbox1 is empty if you focus another textbox. Then try this:

JavaScript

$('#textbox2').focus(function() {
    if ($('#textbox1')[0].value.trim() === '') {
        alert('Textbox1 is empty');
    }
});

Note that this also says that textbox1 is empty if it only contains whitespace. If you consider whitespace a valid value of textbox1, then just remove the .trim() from the code.

Test online: http://jsfiddle.net/ProgramFOX/wXqqR/[^]

[EDIT]

In your comment, you said that you want to validate instead of checking like I did. Then, try to trigger validation:

JavaScript

$('#textbox2').focus(function() {
    if ($('#yourForm').validate().element('#textbox1')) {
        // #textbox1 is valid
    }
});

Posted 28-Feb-14 6:43am

Thomas Daniels

Updated 28-Feb-14 7:06am

v5

Comments

1989priya 28-Feb-14 12:58pm

No...I dont want this.I want a validation.I show you my coding...
$(document).ready(function () {
$("#form1").validate(
{
rules:
{
'<%=TextBox1.UniqueID %>':
{
required: true
}

},
messages:
{
'<%=TextBox1.UniqueID %>':
{
required:"Please enter name"
}
}
});

});

that coding work correctly but it work after click on button but I want this should be show focus go on from textbox to another textbox

Thomas Daniels 28-Feb-14 13:05pm

I updated my answer.

1989priya 28-Feb-14 13:12pm

thankx.....it work f9
I give you my 5

Thomas Daniels 28-Feb-14 13:15pm

You're welcome!

1989priya 28-Feb-14 13:41pm

can you please tell if I have to show a message of validation on a label than how will be show??

I am not more familiar in jquery.

Thomas Daniels 28-Feb-14 13:43pm

It's up to you how you want to show your message. Do you want to put it in an alert box? Then put it there. Do you want to put it in a label? Then put it in a label. To put it in a label, just create another element and change the inner text/HTML of that element if the form is not valid.

1989priya 28-Feb-14 13:50pm

I dont know how to create a element of label.......

I tried this ("#Label1").html("Enter a email")

But this does not work

Thomas Daniels 28-Feb-14 13:52pm

Have you added a span with ID Label1? Can you show your HTML code?

1989priya 28-Feb-14 13:54pm

Thomas Daniels 28-Feb-14 13:55pm

You need to use ClientID in your jQuery code.

1989priya 28-Feb-14 13:58pm

I show you my coding
$(document).ready(function () {
$("#form1").validate(
{
rules:
{
'<%=TextBox1.UniqueID %>':
{
required: true
},
'<%=TextBox2.UniqueID %>':
{
required: true,
email:true
}

},
messages:
{
'<%=TextBox1.UniqueID %>':
{
required:"Please enter name"
},
'<%=TextBox2.UniqueID %>':
{

required: "Please enter a email"
}
}

});

$('#TextBox1').focusout(function () {
$('#form1').validate().element('#TextBox1');

});

$('#TextBox2').focusout(function () {
$('#form1').validate().element('#TextBox2');
});

});

Now tell what to do? You want to say I should use ClientID instead of UniqueID

Thomas Daniels 1-Mar-14 3:20am

I mean: $('#form1').validate().element('#<%=TextBox1.ClientID %>');