jQuery Girl
  1. jQuery Girl
  3. Comparaison de jQuery val ()
Intereting Posts
Animer les colonnes d’amorçage Comment déplacer des objects déplaçables entre la zone source et la zone cible avec jQuery jQGrid – “jpg1” au lieu du numéro d’identification approprié Garder le menu Jquery slideDown ouvert lorsque vous survolez ce menu? jquery html () ne renvoie pas les valeurs modifiées RedirectToAction ne fonctionne pas après la réussite de jquery ajax post? Highcharts non rendus dans Internet Explorer Capturer les clés tapées sur le clavier virtuel Android à l’aide de javascript Fancybox – Fonction de fermeture automatique de la vidéo Javascript – annuler ou empêcher l’exécution Ne cocher qu’une seule case (approuver / rejeter) Hauteur égale pour deux divs Le texte des champs précédents disparaît lors de l’ajout d’un nouveau avec select2 ajax Générer et télécharger une capture d’écran de la page Web sans perdre les styles Créer une application Windows universelle à l’aide d’angularjs

Comparaison de jQuery val ()

J’essaie de comparer les valeurs de deux champs d’entrée avec jQuery. Cependant, cela semble correct, mais il n’alarme pas lorsque l’une des valeurs est plus grande. 

 Enter the key:   

 Plaintext:

JavaScript: 

 $(document).ready(function() { // Count key $("#q17").keyup(function() { $('#charsLeft').val($(this).val().length); }); // Count plaintext $("#q18").keyup(function() { $('#charsLeft2').val($(this).val().length); }); // Compare key|plaintext if ($('#charsLeft').val() < $('#charsLeft2').val()) { alert('Key is shorter than the plaintext'); } });

J’essaie de comparer les valeurs des deux champs d’entrée ( charsLeft et charsLeft2 ). Qu’est-ce que j’oublie ici? Voici un violon: http://jsfiddle.net/2mgzn4pL/

Vous comparez des chaînes, pas des entiers. Vous pouvez utiliser parseInt() pour les convertir. Essaye ça: 

 if (parseInt($('#charsLeft').val(), 10) < parseInt($('#charsLeft2').val(), 10)) { alert('Key is shorter than the plaintext'); }

Violon mis à jour

.val() renvoie une chaîne. Vous devriez utiliser parseInt ou parseFloat .

Il y a deux problèmes avec votre code:

  1. Vous comparez des valeurs de chaîne avec .val() non des longueurs de chaîne
  2. Votre code de comparaison est exécuté au chargement de la page – ce qui signifie que le résultat est affiché uniquement lorsque la page est chargée. Toutefois, le résultat est faux et aucun événement n’est alerté.

Pour le premier problème, comparez les longueurs de chaîne de la manière suivante: $('#charsLeft').val().length < $('#charsLeft2').val().length .

Pour le deuxième problème, vous devez placer votre code de comparaison dans la fonction de gestionnaire d'événements de clic d'un bouton ou quelque chose de ce type. Une autre option consiste à utiliser l'événement focusout de la deuxième entrée et à associer un gestionnaire d'événements avec .focusout() .