Überprüfen, ob die Eingabe leer ist JQuery

Question

Hallo, Es gibt ein einfaches Problem in meinem Code, ich habe mich als Benutzer gesetzt, nehmen wir an, wenn der Benutzer auf die Leertaste (in der Tastatur) klicken, So was ist Lösung.

Hier ist meine einfache Code:

var name = $('input#name').val(); // get the value of the input field 
 
if(name == "" || name == " ") { 
 
\t $('#err-name').fadeIn('slow'); // show the error message 
 
\t error = true; // change the error state to true 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Answer 1

Verwenden Sie die $.trim Funktion Leerzeichen entfernen

var name = $.trim($('input#name').val()); // get the value of the input field 
if(name == "") { 
    $('#err-name').fadeIn('slow'); // show the error message 
    error = true; // change the error state to true 
} 

Answer 2

Die .trim Funktion in JavaScript Entfernt führende und nachgestellte Räume/neue Zeilen. Wenn der Benutzer also nur die Leertaste spammt, entfernt der Name.trim() alle führenden/nachgestellten Leerzeichen, was zu "" führt und "" entspricht. Daher würde Ihr Fehlercode angezeigt werden.

var name = $('input#name').val(); // get the value of the input field 
if(name.trim() == "") { 
    $('#err-name').fadeIn('slow'); // show the error message 
    error = true; // change the error state to true 
}