Search jQuery

jQuery Forum

Validation on empty text field

in Using jQuery • 7 years ago

$(document).ready(function() {
#("#amount").focusout(function(){
if($(this).val()==""){
alert("This field is required");
$("#amount").focusin();
}
});
});

what is wrong with this code?
My motive is "if text field is empty then show alert msg and then focus back to that empty text box".
Any help would be appreciated.
Thanks.

Replies(9)

yuvaraj12

Re: Validation on empty text field

7 years ago

Hi,

$(function(){

 var inp.Val= $("#yourTextBoxId").val();

 if (inp.val().length > 0) {

alert("BOx Empty");

$("#Box1").focus();
}

or

if($("#").val()==' '){

//do something

}

Refer This..

http://www.jquerybyexample.net/2012/12/jquery-to-check-all-textboxes-empty.html

Regards,

Yuvaraj....

shivramweb

Re: Validation on empty text field

7 years ago

use if($(this).val()=="" || $(this).val()==null) instead of $(this).val().

dsvick

Re: Validation on empty text field

7 years ago

Yuvaraj, The code above is not going to work, it generates errors in the console and the logic is backwards ...

if (inp.val().length > 0) {
alert("BOx Empty");
$("#Box1").focus();
}

I'm not sure what inp.val is supposed to be. You declare it with a capital V then use it with a lowercase.

If the length is greater than 0 it means there is something in the box.

The shorthand way to do this would be:

$("#amount").focusout(function(){
if (!$(this).val()) {
alert("This field is required");
$(this).focus();
}
});

Saumitra, you also had a "#" in front of the first line of your code above when it should be a $.

Dave

yuvaraj12

Re: Validation on empty text field

7 years ago

Hi dsvick,

Thanks for your kind reply..

Regards,

Yuvaraj...

Saumitra ..

Re: Validation on empty text field

7 years ago

Alert box is showing,my problem is if text box is empty then show alert box and "then focus back to empty text field".If text box is empty then user can't goto next field.

dsvick

Re: Validation on empty text field

7 years ago

I'm not sure I understand the problem. What you're describing is the way the code works, if there is no value it tells them it is required and wont let them leave that field. Is that the behavior you want? What should it be doing?

Here is a fiddle that is doing exactly what you described: http://jsfiddle.net/8sgcg/

Dave

Saumitra ..

Re: Re: Validation on empty text field

7 years ago

Yes you understood the problem"if there is no value it tells them it is required and wont let them leave that field",
Sorry but the fiddle you provided is not working,alert box is showing but focus goto to next text box...

dsvick

Re: Validation on empty text field

7 years ago

It's working ok in Chrome and IE, is the problem only in FF?

Try this as a work around: http://stackoverflow.com/questions/7046798/jquery-focus-fails-on-firefox

Dave

Saumitra ..

Re: Validation on empty text field

7 years ago

Hello and sorry for so late response
But i thought jquery is cross platform contemptible any ways,
can you please show how this exactly work on ff via jsfiddle or is there any other way of doing this without jquery(only javascript).
Thanks.

Top Reply

Response title

Attachments

jQuery Forum

Validation on empty text field

Replies(9)

Re: Validation on empty text field

Re: Validation on empty text field

Re: Validation on empty text field

Re: Validation on empty text field

Re: Validation on empty text field

Re: Validation on empty text field

Re: Re: Validation on empty text field

Re: Validation on empty text field

Re: Validation on empty text field

Statistics

Tags

Actions

Related Posts