Heim > Web-Frontend > js-Tutorial > Hauptteil

JS-Implementierungsmethode zum Abrufen der Werte mehrerer Eingabefelder mit demselben Namen

高洛峰
Freigeben: 2017-01-10 09:39:07
Original
1679 Leute haben es durchsucht

Schauen wir uns zunächst die Implementierung des Eingabefelds für die Passworteingabe basierend auf JS-Code an, um das Passwort in schwarze Punkte und Chiffretext zu ändern. Der spezifische Code lautet wie folgt:

HTML-Code

<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>
Nach dem Login kopieren

JS-Code

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;
}
Nach dem Login kopieren

Ergänzung: JS erhalten Der Wert mehrerer Eingabefelder mit demselben Namen

Ursprünglich wurde document.all.id.length verwendet, um die Anzahl der Eingabefelder zu ermitteln, aber manchmal war dies normal und manchmal wurde der Effekt undefiniert angezeigt Nicht sehr gut. Laut Online-Informationen ist das Dokument .all nicht mit allen Browsern kompatibel, es scheint derzeit nur IE zu unterstützen.

Die Lösung lautet wie folgt:

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

Das Obige ist der vom Editor eingeführte JS-Code, um das Eingabefeld für das Eingabepasswort zu implementieren und das Passwort in Schwarz umzuwandeln Punkte und Chiffretext, ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Herausgeber wird Ihnen rechtzeitig antworten. Ich möchte mich auch bei Ihnen allen für Ihre Unterstützung der chinesischen PHP-Website bedanken!

Weitere JS-Implementierungsmethoden zum Abrufen der Werte mehrerer Eingabefelder mit demselben Namen finden Sie auf der chinesischen PHP-Website für verwandte Artikel!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!