ホームページ > ウェブフロントエンド > jsチュートリアル > 同名の複数の入力ボックスの値を取得するJS実装方法

同名の複数の入力ボックスの値を取得するJS実装方法

高洛峰
リリース: 2017-01-10 09:39:07
オリジナル
1720 人が閲覧しました

まず、パスワードを黒い点と暗号文に変更するための、JS コードに基づいたパスワード入力ボックスの実装を見てみましょう。具体的なコードは以下の通りです:

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>
ログイン後にコピー

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;
}
ログイン後にコピー

補足: JSは同じ名前の複数の入力ボックスの値を取得します

最初は、 document.all.id.length が入力を取得するために使用されます。ボックスの数は正常な場合もあれば、未定義の場合もあります。オンライン情報によると、document.all はすべてのブラウザーと互換性がありません。現在は IE のみをサポートしているようです。

解決策は次のとおりです:

var els =document.getElementsByName("search");
for (var i = 0, j = els.length; i < j; i++){
alert(els[i].value);
}
ログイン後にコピー

上記は、パスワードを黒い点と暗号化されたテキストに変えるパスワード入力ボックスを実装するためにエディターによって紹介された JS コードです。ご質問がございましたら、メッセージを残してください。すぐに返信させていただきます。また、PHP 中国語 Web サイトをサポートしていただきありがとうございます。

同じ名前の複数の入力ボックスの値を取得するためのその他の JS 実装方法については、PHP 中国語 Web サイトの関連記事に注目してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート