it-swarm.com.de

JQUERY prüft, ob der INPUT-Textwert leer ist, und fordert eine Warnung an

Wie kann ein Alert mit JQUERY angezeigt werden, wenn ich auf die Schaltfläche "Senden" klicke und der Wert des Eingabefeldes leer ist?

<input type="text" id="myMessage" name="shoutbox_msg" size="16" class="field_nosize" maxlength="150">&nbsp;
<input id="submit" type="submit" name="submit_post" class="button_nosize" value="Senden" onclick="sendMessage(); clearInput();">
14
The Masta
$('#submit').click(function(){
   if($('#myMessage').val() == ''){
      alert('Input can not be left blank');
   }
});

Update

Wenn Sie kein Leerzeichen wünschen, können Sie sie auch mit jQuery.trim () entfernen.

Beschreibung: Entfernen Sie den Leerraum vom Anfang und Ende einer Zeichenfolge.

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

Besser ist einer hier.

$('#submit').click(function()
{
    if( !$('#myMessage').val() ) {
       alert('warning');
    }
});

Und Sie müssen nicht unbedingt die Länge von .length sehen oder sehen, ob es> 0 ist, da eine leere Zeichenfolge ohnehin falsch ist, aber wenn Sie es aus Gründen der Lesbarkeit möchten:

$('#submit').on('click',function()
{
    if( $('#myMessage').val().length === 0 ) {
        alert('warning');
    }
});

Wenn Sie sicher sind, dass ein Textfeldelement immer bearbeitet wird, können Sie this.value verwenden.

$('#submit').click(function()
{
      if( !document.getElementById('myMessage').value ) {
          alert('warning');
      }
});

Beachten Sie auch, dass $ ('input: text') mehrere Elemente erfasst, einen Kontext angibt oder das Schlüsselwort this verwendet, wenn Sie nur einen Verweis auf ein einzelnes Element wünschen (vorausgesetzt, es gibt ein Textfeld in den Nachkommen/Kindern des Kontextes).

6
Zigri2612

Sie können dies auch versuchen, wenn Sie sich nach dem Fehler auf denselben Text konzentrieren möchten.

Wenn Sie diese Fehlermeldung in einem Absatz anzeigen möchten, können Sie diese verwenden:

 $(document).ready(function () {
    $("#submit").click(function () {
        if($('#selBooks').val() === '') {
            $("#Paragraph_id").text("Please select a book and then proceed.").show();
            $('#selBooks').focus();
            return false;
        }
    });
 });
2
Shiv Yadav

Überprüfen Sie die leere Eingabe, indem Sie Leerzeichen (wenn der Benutzer Leerzeichen eingibt) mit dem Trimmen aus der Eingabe entfernen 

$(document).ready(function(){     
       $('#button').click(function(){
            if($.trim($('#fname').val()) == '')
           {
               $('#fname').css("border-color", "red");
               alert("Empty"); 
           }
     });
});
0
Super Model