Check if input is empty with jquery

Question

There are several ways to check if a input is empty, for example:

$('input:text').val().length == 0

My problem is that i found no solution how to check if the input is empty or blank? How can i check this is there some regex?

Thanks

possible duplicate of [How do you check for an empty string in JavaScript?](http://stackoverflow.com/questions/154059/how-do-you-check-for-an-empty-string-in-javascript) — Yehuda Shapira, Feb 19 '14 at 08:52
biziclop is right, just do `$('input:text').val().trim().length == 0` — tewathia, Feb 19 '14 at 08:53
If you are not explicitly looking for a jquery solution, input has a pattern attribute which you can use. The regex is the same as javascript's — andrei, Feb 19 '14 at 09:11
@JohnSmith Basically you can have client-side form validation without using js on modern browsers. You can have a look at the Constraint Validation chapter at https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms_in_HTML — andrei, Feb 19 '14 at 09:22

score 0 · Answer 1 · answered Feb 19 '14 at 08:52

0

you can use jQuery.trim() to trim your input first:

var value = $('input:text').val(); 
if ($.trim(value) == '') { /* Empty or blank */ }

answered Feb 19 '14 at 08:52

Pavel Štěrba

score 0 · Accepted Answer · answered Feb 19 '14 at 08:55

0

You can remove white spaces before checking empty:

if ($("input:text").val().replace(/^\s+|\s+$/g, "").length == 0){

answered Feb 19 '14 at 08:55

Milind Anantwar

2 Answers2