Maison  >  Article  >  interface Web  >  Méthode d'implémentation JS pour obtenir les valeurs de plusieurs zones de saisie portant le même nom

Méthode d'implémentation JS pour obtenir les valeurs de plusieurs zones de saisie portant le même nom

高洛峰
高洛峰original
2017-01-10 09:39:071687parcourir

Examinons d'abord l'implémentation de la zone de saisie du mot de passe basée sur le code JS pour changer le mot de passe en points noirs et texte chiffré. Le code spécifique est le suivant :

code html

<form id="login-form" method="post" onsubmit="return checkForm()">
 输入密码<input type="password" id="input-password">
 <input type="hidden" id="md5-password" name="password">
 <button type="submit">Submit</button>
</form>

code js

function checkForm() {
 var input_pwd = document.getElementById(&#39;input-password&#39;);
 var md5_pwd = document.getElementById(&#39;md5-password&#39;);
 // 把用户输入的明文变为MD5:
 md5_pwd.value = toMD5(input_pwd.value);
 // 继续下一步:
 return true;
}

Supplément : JS obtenu La valeur de plusieurs zones de saisie avec le même nom

Initialement, document.all.id.length était utilisé pour obtenir le nombre de zones de saisie, mais parfois c'était normal et parfois un effet indéfini était affiché. pas très bon. Les informations en ligne indiquent que le document .all n'est pas compatible avec tous les navigateurs, il semble ne prendre en charge qu'IE maintenant.

La solution est la suivante :

var els =document.getElementsByName("search");
for (var i = 0, j = els.length; i < j; i++){
alert(els[i].value);
}

Ce qui précède est le code JS introduit par l'éditeur pour implémenter la zone de saisie du mot de passe pour transformer le mot de passe en noir points et texte chiffré, j'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Je voudrais également vous remercier tous pour votre soutien au site Web PHP chinois !

Pour plus de méthodes d'implémentation JS afin d'obtenir les valeurs​​de plusieurs zones de saisie portant le même nom, veuillez faire attention au site Web PHP chinois pour les articles connexes !

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn