HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。
一通り作ってみたのですが、上手く動かず…
間違い、改善点を指摘して頂きたいです。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>パスワードの強化判定</title>
<script>
function Pasword(myForm)
{
let password;
let strength = 0; //強さ
text= document.querySelector('gate').value;
if (password.length < 6)
{
return '短すぎます!'
}
// 文字数が7より大きければ+1
if (password.length > 7)
{
strength += 1;
}
// 英字の大文字と小文字を含んでいれば+1
if (password.match(/([a-z].*[A-Z])|([A-Z].*[a-z])/))
{
strength += 1;
}
// 英字と数字を含んでいれば+1
if (password.match(/([a-zA-Z])/) && password.match(/([0-9])/))
{
strength += 1;
}
// 記号を含んでいれば+1
if (password.match(/([!,%,&,@,#,$,^,*,?,_,~])/))
{
strength += 1;
}
// 記号を2つ含んでいれば+1
if (password.match(/(.*[!,%,&,@,#,$,^,*,?,_,~].*[!,%,&,@,#,$,^,*,?,_,~])/))
{
strength += 1;
}
// 点数を元に強さ判定
if (strength < 2)
{
return '弱いです!';
}
else if (strength == 2)
{
return 'まあまあ強いです!';
}
else
{
return '強いです!';
}
}
</script>
</head>
<body>
<form name="pswForm">
パスワードを入力する。<br>
<input type="text" name="gate" value=""><br>
<input type="button" value="判定" onclick="Pasword(pswForm)">
</form>
</body>
</html>
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
上手く動かず、の原因を特定するため
デバッグ作業することを覚えましょう
https://developer.mozilla.org/ja/docs/Learn/Comm …
デバッグで原因が見つかったら、その解決方法も探しやすいでしょう
例) 変数 password が undefined なので判定できない
そもそも変数に値を代入する処理が有るのか確認
例) 関数 querySelector が null を返している
指定している "CSSセレクター" が正しいのか確認
https://developer.mozilla.org/ja/docs/Web/CSS/CS …
例) 関数 match が true を返すべき時に false を返す
指定している "正規表現" が正しいのか確認
https://developer.mozilla.org/ja/docs/Web/JavaSc …
例) 正しい判定結果を return しているのに表示されない
そもそも結果を表示する処理が有るのか確認
https://developer.mozilla.org/ja/docs/Web/API/Wi …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP php ログイン 1 2022/11/01 00:24
- PHP PHPのエラーの解消法について教えて下さい。 1 2023/02/06 10:48
- PHP PHPでユーザー情報を入力して簡易ログイン機能をつくってみたのですが 1 2023/05/29 08:51
- MySQL php テーブルを作れない 2 2022/11/17 18:22
- PHP php テーブルが作成できない 1 2022/11/17 23:41
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- PHP PHPでCookieを使った訪問回数について 1 2023/05/28 14:10
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLとJavaScriptで作った表示...
-
イベント発生順序
-
Request.Form(key)の中身をクリ...
-
テキストボックスに入力した色...
-
perl cgi文字化け解消方法と[1...
-
テキストボックスの背景色について
-
GetElementByIdがうまく取得で...
-
タイマーについて教えて下さい!!
-
ページ間で変数を保持したい
-
jQueryのdatepickerの日付が選...
-
テキストボックスのフォーカス移動
-
開いたサブウインドウから値を...
-
フォーカスが外れた時の入力チ...
-
return trueとreturn falseの用...
-
テキストボックス入力を半角英...
-
onClick="this.form.submit
-
<JavaScript>tableタグを入力不...
-
onchangeイベントを強制的に発...
-
追加ボタンを押した際に ok ボ...
-
正規表現で複数マッチ条件で悩...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLとJavaScriptで作った表示...
-
GetElementByIdがうまく取得で...
-
tabindexの取得
-
TextBoxに半角数字以外を入れた...
-
JavaScriptで作ったアプリが正...
-
プルダウンで選択された値を別...
-
HTMLファイル同士での値渡し
-
フォームの内容でリンク先URLの...
-
ページ間で変数を保持したい
-
テキストボックスに初期値で1...
-
javascriptのちょっとした動作...
-
入力するテキストエリアをボタ...
-
jQueryのdatepickerの日付が選...
-
JSPでonChangeを強制発行するに...
-
マイナスなら赤字で表示したい...
-
大文字か小文字かを判断する方法
-
VBscriptの配列変数をJavascrip...
-
一部Enter無効化の方法を教えて...
-
テキストエリアに履歴を残したい
-
フォーカスが外れた時の入力チ...
おすすめ情報