JQUERY vérifie si la valeur INPUT text est vide et invite une alerte

Comment est-il possible d'afficher un message d'Alerte avec JQUERY si je clique sur le bouton envoyer la valeur de l'apport de champ est vide?

<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();">

source d'informationauteur The Masta

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

    Mise à jour

    Si vous ne voulez pas les espaces aussi u pouvez les supprimer à l'aide de jQuery.trim()

    Description: Supprimer les espaces de début et de fin de chaîne.

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

    Mieux que l'on est ici.

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

    Et vous n'avez pas nécessairement besoin .longueur ou de voir si son >0 depuis une chaîne vide est évaluée à faux de toute façon, mais si vous souhaitez, pour des raisons de lisibilité:

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

    Si vous êtes sûr qu'il fonctionnera toujours sur un champ de texte de l'élément, alors vous pouvez simplement utiliser ce.valeur.

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

    En outre, vous devriez prendre note que $('input:text') attrape plusieurs éléments, spécifier un contexte ou d'utiliser ce mot clé si vous voulez juste une référence à un seul élément ( à condition que theres un textfield dans le contexte de l'descendants/enfants ).

  3. 2

    Vous pouvez également essayer, si vous voulez vous concentrer sur un même texte après une erreur.

    Si on veut afficher ce message d'erreur dans un paragraphe, vous pouvez utiliser celui-ci:

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

    Case vide d'entrée avec la suppression de l'espace(si l'utilisateur dans l'espace) à partir de la saisie à l'aide de la garniture 

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