Javascript-Warnung, wenn Leerzeichen oder kein Wert eingegeben

Question

Ich muss einen regulären Ausdruck für die Formularüberprüfung schreiben, die Leerzeichen innerhalb einer Zeichenfolge erlaubt, aber nicht nur Leerzeichen erlaubt.Beispiel, wenn der Benutzer nur Leerzeichen eingeben, sollte es Javascript auslösen

Alarm

ich habe versucht, dies aber das funktioniert nicht

<script> 

if (document.getElementsByClassName('notes') == " ") { 
    alert("Notes should not begin with space"); 
} 

}

html

<textarea name="notes" class="form-control" class="notes"></textarea> 

Answer 1

if (document.getElementsByClassName('notes') == " ")

getElementsByClassName() eine Sammlung von Knoten nicht Wert des Knotens liefert, zusammen mit trim()[] und value Eigenschaft verwenden.

if(document.getElementsByClassName('notes')[0].value.trim() === "") 

Answer 2

Sie müssen die value von input wie bekommen:

if (document.getElementsByClassName('notes')[0].value == "") { 
     alert("Notes should not begin with space"); 
    } 

Ps. Die getElementsByClassName wird eine Liste von Elementen zurückgeben. Also, im Vergleich zu " " wird immer false zurückgeben.

Answer 3

Sie vergleichen das Array der Elemente, die document.getElementsByClassName zu "" zurückgibt, was offensichtlich falsch ist, Sie möchten den Wert des Elements vergleichen.

if (document.getElementsByClassName('notes')[0].value[0] == " ") { 
    alert("Notes should not begin with space"); 
} 

In diesem Beispiel gibt die .value den Wert des Textbereiches und .value[0] bedeutet das erste Zeichen des Wertes

Answer 4

Sie bitte Ihre HTML überprüfen. Es gibt zwei Klassenattribute:

<textarea name="notes" class="form-control" class="notes"></textarea> 

Kombinieren Sie zuerst:

<textarea name="notes" class="form-control notes"></textarea> 

nun die Wähler

document.getElementsByClassName('notes')[0] 

sollten Sie das Zielelement.

Answer 5

Ok ich habe es.Alle Antworten sind oben richtig, aber ich habe "Onclick" Event hinzufügen anschließend auf

<input type="submit" name="submit" class="btn btn-primary btn-default" value="submit" onclick="return showAlert()"> 

js

<script> 
function showAlert(){ 
    if (document.getElementsByClassName('notes')[0].value[0] == " ") { 
    alert("Notes should not begin with space"); 
    return false; 
    } 

} 

Answer 6

Versuchen Sie dies es funktioniert gut:

HTML:

<textarea name="notes" class="form-control notes"></textarea> 

Script:

$('textarea').on('keyup', function(){ 
if (document.getElementsByClassName('notes')[0].value[0] == " ") { 
    alert("Notes should not begin with space"); 
} 
}); 

Demo: https://jsfiddle.net/fer49eby/