En utilisant JQuery, comment vérifier qu'au moins une zone de texte n'est pas vide?

Question

Cela paraît simple, mais il me donne la douleur:

Essayé ceci:

function validateAddress() { 

    if (!($('<%=txtPlaceName.ClientID%>').val() === "") 
     || !($('<%=txtStreet.ClientID%>').val() === "") 
     || !($('<%=txtAddress.ClientID%>').val() === "") 
     || !($('<%=txtPostcode.ClientID%>').val() === "")) { 

     return true; 
    } 

    return false; 
} 

et ceci:

function validateAddress() { 

    if ($('<%=txtPlaceName.ClientID%>').val().length > 0 
     || $('<%=txtStreet.ClientID%>').val().length > 0 
     || $('<%=txtAddress.ClientID%>').val().length > 0 
     || $('<%=txtPostcode.ClientID%>').val().length > 0) { 

     return true; 
    } 

    return false; 
} 

mais ne semble travailler, je fais correctement?

Answer 1

Vous oubliez la marque de hachage pour sélectionner quelque chose par ID. Essayez:

function validateAddress() { 

    if ($('#<%=txtPlaceName.ClientID%>').val().length > 0 
     || $('#<%=txtStreet.ClientID%>').val().length > 0 
     || $('#<%=txtAddress.ClientID%>').val().length > 0 
     || $('#<%=txtPostcode.ClientID%>').val().length > 0) { 

     return true; 
    } 

    return false; 
} 

Answer 2

Il semble qu'il vous manque le "#" dans vos sélecteurs jquery pour les ID. Essayez ceci:

if ($('#<%=txtPlaceName.ClientID%>').val().length > 0 
    || $('#<%=txtStreet.ClientID%>').val().length > 0 
    || $('#<%=txtAddress.ClientID%>').val().length > 0 
    || $('#<%=txtPostcode.ClientID%>').val().length > 0) { 

Answer 3

vous ajoutez # à l'ID de l'élément lors de l'enregistrement, en d'autres termes, est le texte produit comme celui-ci:

$('#IDOfElement').val() 

Answer 4

Pour un #ID selector vous avez besoin d'un #, comme ceci:

$('#<%=txtPlaceName.ClientID%>').val().length 

Mais le plus rapide pourrait être de leur donner une classe, par exemple CssClass="checkMe", puis vérifier ces éléments:

function validateAddress() { 
    return $('.checkMe[value!=""]').length > 0; 
} 

Answer 5

Je me sers des classes à la fonctionnalité du groupe, donc pour votre exemple donner à chacun l'élément d'une classe d'adresse alors votre fonction serait:

function validateAddress() { 
    $('.address').each(function() { 
    if ($(this).val().length > 0) { 
     return true; 
    } 
    } 
    return false; 
}