Validation de champ vide Jquery

Question

Lorsque je soumets le formulaire avec des champs vides, je reçois le message de succès dans la boîte de dialogue. Au lieu de cela, je veux afficher un message d'erreur dans la boîte de dialogue. S'il vous plaît aidez-moi à trouver la solution.

Mon code html:

<form id="booking" action="" method="post"> 
    First Name:<input type="text" id="firstName" name="firstName" maxlength="30" /><br/> 
    Last Name:<input type="text" id="lastName" name="lastName" maxlength="30"/><br/> 
    Contact:<input type="text" id="contact" name="contact" maxlength="15"/><br/> 
    Email: <input type="text" id="email" name="email" maxlength="30"/><br/> 
    <input id="save" type="button" value="Save" /> 
    </form> 
    <div id="dialog"></div> 

Code Jquery:

$('#save').click(function(){ 
    if(('#firstName').length==0 && ('#lastName').length==0 && ('#contact').length==0 && ('#email').length==0){ 
    $('#dialog').attr('title','Error').text('All fields are required').dialog(); 
    }else{ 
    $('#dialog').attr('title','Success').text('Success').dialog(); 
    } 
    }); 

Answer 1

('#firstName') -> si vous utilisez jQuery cela devrait être $('#firstName')

ces conditions seront toujours return false: ('#firstName').length==0 && ('#lastName').length==0 && ('#contact').length==0 && ('#email').length==0

pour obtenir la longueur de la valeur d'un type d'entrée texte:

$('#firstName).val().length 

mise à jour:

essayez ceci:

$('#save').click(function(){ 
    if($('#firstName').val().length==0 && $('#lastName').val().length==0 && $('#contact').val().length==0 && $('#email').val().length==0){ 
    $('#dialog').text('All fields are required').dialog({title:'Error'}); 
    } else{ 
    $('#dialog').text('Success').dialog({title:'Success'}); 
    } 
}); 

Answer 2

Essayez ceci,

$('#save').click(function(){ 
    if($('#firstName').val()=="" || $('#lastName').val()=="" || $('#contact').val()=="" || $('#email').val()==""){ 
    $('#dialog').attr('title','Error').text('All fields are required').dialog(); 
    }else{ 
    $('#dialog').attr('title','Success').text('Success').dialog(); 
    } 
    }); 

Answer 3

il devrait être ou dans votre si la condition || et vous pouvez utiliser [val()][1] à récupère la valeur de l'élément sélectionné et vérifie s'il est vide.

et vous manqués $ dans votre sélecteur jquery

if(('#firstName').val()=="" 
---^--- //here missing $ 

essayer cette

$('#save').click(function(){ 
    if($('#firstName').val()=='' || $('#lastName').val()=='' || $('#contact').val()=='' || $('#email').val==''){ 
    $('#dialog').attr('title','Error').text('All fields are required').dialog(); 
    }else{ 
    $('#dialog').attr('title','Success').text('Success').dialog(); 
    } 
});