trim and check if empty input

Question

if(!$.trim($('.xlarge').value).length) {
    return false;
}

And the HTML is:

<input class="xlarge" name="name">

I checked on my console if the syntax is right, it is right, but even if the value is not empty it still doesn't submit the form. What's wrong?

`$('.xlarge').value` will be `undefined` as `$('.xlarge')` is a jQuery object and does not have a `value` property. You either want to access the DOM element `$('.xlarge')[0].value` or use the `.val()` function: `$('.xlarge').val()`. — Felix Kling, Jan 06 '12 at 09:57

score 7 · Accepted Answer · edited May 23 '17 at 12:25

7

No need to check length just use :

if(!$.trim($('.xlarge').val())) {
     return false;
}

val() returns the value of the input - docs for val()

Discussed here Check if inputs are empty using jQuery

edited May 23 '17 at 12:25

Community

1
1

answered Jan 06 '12 at 09:58

Manse

37,765
10
83
108

score 3 · Answer 2 · answered Jan 06 '12 at 09:58

3

if($.trim($('.xlarge').val()) == "") {
    return false;
}

answered Jan 06 '12 at 09:58

stamp

120
9

score 2 · Answer 3 · answered Jan 06 '12 at 09:57

2

Instead of:

$('.xlarge').value

You should use:

$('.xlarge').val()

.val() is the jQuery function which will return the value of the first element in the set of matched elements. Here's a link to the documentation: http://api.jquery.com/val/.

answered Jan 06 '12 at 09:57

jabclab

14,786
5
54
51

trim and check if empty input

3 Answers3