Check if the value is empty

Question

How is the "check" made for this to check if a textfield is empty?

Jquery:

$("#AddGoogleMap").click(function () {      
    if($('#googleMapCity').val()==null) {
        alert("You need to fill out a city");
    } else {
     // do something
    }

`$('#googleMapCity').val()===''` or `$('#googleMapCity').val().length===0` — RafH, May 16 '13 at 13:27
Did you search ? I can't think the question I linked or similar ones wasn't listed when you typed your question. — Denys Séguret, May 16 '13 at 13:28
@HamZaDzCyberDeV: `.empty()` removes the content and any nested DOM element. — kiddorails, May 16 '13 at 13:28

score 3 · Accepted Answer · answered May 16 '13 at 13:27

3

First, remove the whitespace from the beginning and end of a string and then compare the value with the empty string, like:

if( $.trim($('#googleMapCity').val()) === '') {
     alert("You need to fill out a city");
} else {
 // do something
}

answered May 16 '13 at 13:27

palaѕн

72,112
17
116
136

1

+1 for suggesting best practice of trimming in case of empty space – Software Guy May 16 '13 at 13:28
Nice! Thanks! But the thing is it fires even though I fill out something in the field, does it need to be a rule for the "else"? – Kim May 16 '13 at 13:31
@Kim: This [fiddle](http://jsfiddle.net/KBQCD/) might help you! Try it once. – palaѕн May 16 '13 at 13:36

score 1 · Answer 2 · answered May 16 '13 at 13:27

1

if($('#googleMapCity').val() === "") {
 alert("You need to fill out a city");
}

answered May 16 '13 at 13:27

Adil Shaikh

44,509
17
89
111

score 1 · Answer 3 · answered May 16 '13 at 13:27

1

Could be done like this:

if($.trim($('#googleMapCity').val())==="")

answered May 16 '13 at 13:27

A. Wolff

74,033
9
94
155

score 1 · Answer 4 · answered May 16 '13 at 13:29

1

 $("#AddGoogleMap").click(function () {      
    if($('#googleMapCity').val()==='') {
    alert('You need to fill out a city');

     } else {
     // do something
     }

answered May 16 '13 at 13:29

klewis

7,459
15
58
102

score 1 · Answer 5 · answered May 16 '13 at 13:32

1

Working Demo

$("#AddGoogleMap").click(function () {      
    if($('#googleMapCity').val() === "") {
        alert("You need to fill out a city");
     } else {
     // do something
     }
});

answered May 16 '13 at 13:32

Rajender Joshi

4,155
1
23
39

Check if the value is empty

5 Answers5