- 締切済み
pasｓでのチェック
<input type="text" name="pass" id="pass" value=""> 上記のようなパスの入力欄で ・入力の度にチェックすること（onchangeなど複数のイベントハンドラ使用） ・文字列は6文字以上、数値、小文字の英字、大文字の英字が含まれる場合、文字列はパスワードとして「安全」とする こういった場合の記述の仕方を教えていただけますか？文字指定はわかったんですが、入力の度にというのがいまいちわからなかったので・・・。
- saimon2
- お礼率70% (7/10)
- JavaScript
- 回答数3
- ありがとう数4
- みんなの回答 （3）
- 専門家の回答
みんなの回答
<html> <body> <script> var ff=''; function passcheck(){ var Pass = document.getElementById("pass"); var Mb = document.getElementById("mb"); if(Pass.value == "" && !ff){ Mb.innerHTML = "未入力"; } } </script> <input type="text" name="pass" id="pass" value="" onKeyup="ff=1"> <span id="mb"></span> <input type="button" value="chk" onClick="passcheck()">
<html> <body> <input type="text" name="pass" id="pass" value="" onKeyup="chk()"> <span id="mb"></span> <script> function chk(){ var f=($V('pass').length>5 && $V('pass').match(/[0-9]/)&& $V('pass').match(/[a-z]/)&& $V('pass').match(/[A-Z]/) ); if(!$V('pass')){ $('mb').innerHTML=''; $('pass').style.backgroundColor=''; } else { $('mb').innerHTML=f?'o':'x'; $('pass').style.backgroundColor=f?'#0f0':'#f00'; } } function $(o){ return document.getElementById(o); } function $V(o){ return $(o).value; } </script> 以下入力ミス？ >="6" && (/[A-Z]/) && (/[0-9]/)
お礼
回答ありがとうございます。なんとかできました。 指摘頂いた部分は入力ミスです。 ありがとうございました。
<html> <body> <input type="text" name="pass" id="pass" value="" onKeyup="chk()"> <input type="submit" id="go" value="安全" disabled> <script> function chk(){ $('go').disabled=($V('pass').length>5 && $V('pass').match(/[0-9]/)&& $V('pass').match(/[a-z]/)&& $V('pass').match(/[A-Z]/) )?false:true; } function $(o){ return document.getElementById(o); } function $V(o){ return $(o).value; } </script>
お礼
回答ありがとうございます。上記の記述で動きました。 あと、また教えていただきたいことがあるのですが、 function passcheck(){ var Pass = document.getElementById("pass"); if(Pass.value.match(/[a-z]/) && (/[A-Z]/) && (/[0-9]/) && Pass.value.length >="6"){ } ↑この処理はjavascriptを別ファイルに記述してhtmlの方で呼び出してます。(onkeyup使ってます。) こういう書き方で文字指定チェックを行った時にパスのテキストボックスの右側に、条件が真なら○を表示してテキストボックスの背景色を緑に、偽なら右側に×を表示して背景色を赤に変えるという処理をしたいのですが調べてもわからなかったので教えていただけますか？ また未入力の場合は何も表示しないで元の色に戻すという処理もあるのでできればそちらもお願いします。丸投げな感じで申し訳ないのですが 皆目見当がつかないのでどなたかよろしくお願いいたしますm(__)m
お礼
_pipi_さん、毎回私のわかりづらい質問に回答していただいてありがとうございます。今回も参考になりました。ありがとうございました。