Checking the input if its empty [duplicate]

Question

I am pretty new to jQuery so I have a problem with this. I am trying to check if input is empty by jQuery. I have this script:

$('#submit').click(function(){ if($.trim($('#username').val()) == ''){ alert('Input can not be left blank'); } });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input name="username" id="username" type="text" placeholder="Enter your Username"/> <button class="btn btn-info btn-block login" name="submit" id="submit" type="submit">Create an Account</button>

Thanks for reply.

What's your actual question? "How should I best check if a string is empty in Javascript"? stackoverflow.com/questions/154059/… — wally
– wally, Commented Nov 6, 2017 at 17:08
My problem is that if I click the button the alert doesnt show up. — Adam Šulc
– Adam Šulc, Commented Nov 6, 2017 at 17:14

Tony M · Accepted Answer · 2017-11-06 17:25:10Z

1

Check the length property to determine if it's empty:

if ($.trim($('#username').val()).length > 0) { // not empty }

Edit: Removed white spaces $.trim

edited Nov 6, 2017 at 17:25

answered Nov 6, 2017 at 17:09

Tony M

7414 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Taplar Over a year ago

This doesn't account for whitespace only input, like the OP is removing with the trim. Edit: and you have an unclosed '(' in your code.

Collectives™ on Stack Overflow

Checking the input if its empty [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related