javascript での登録フォームについての質問

Question

    <script>
     function check(){
      var message="";
      var kk;
       if(document.cancel.i.value==""){
         message +="name未入力\n";
        }
        
       if(document.cancel.j.value==""){
         message +="password未入力\n";
        }
 
        for(kk=0; kk<1; ++kk){
       if(document.cancel.a[kk].selected==true){
         message +="prefecture未入力\n";
        }
       }
        
       if(document.cancel.k[0].checked == false &&cancel.k[1].checked== false){
         message += "sex未入力\n";
        }
        
       if(document.cancel.jj.value==""){
         message +="address未入力\n";
        }
        
       if(document.cancel.ii.value==""){
         message +="message未入力\n";
        }
        
             if(!message==""){
      alert(message);
      return false;
      }
     }
    </script>
    

これは、登録フォームのスクリプトの文で ここまではできたのですが パスワードが6文字以下だとalertで6文字以上にしてくださいと出したいです…
一度、

if(document.cancel.j.value>1 && document.cancel.j.value<6){
  alert("6文字以上にしてください")
}

をいろいろな場所に入れてみたんですけど 実行できず… 入れたところが間違ってたのかもわからず… どなたか教えてもらえませんか…？

<form  method="post" name="cancel" onSubmit="return check()">
     <p><label>name:<input type="text" name="i" id="uname"></label></p>
     <p><label>password:<input type="password" name="j" size="20"></label><p>
    <p>
     <label>都道府県:</label>
     <select id="prefecture" name="kk">
      <option selected value="todohuken">都道府県</option>
      <option value="ibaraki">茨城県</option>
      <option value="tochigi">栃木県</option>
      <option value="gunma">群馬県</option>
      <option value="saitama">埼玉県</option>
      <option value="tiba">千葉県</option>
      <option value="tokyo">東京都</option>
      <option value="kanagawa">神奈川県</option>
     </select>
     </p>
     <fieldset><legend>sex</legend>
      <input type="radio" name="k" value="Male" id="male"><label for="male">男性</label>
      <input type="radio" name="k" value="Female" id="female"><label for="female">女性</label>
     </fieldset>
     <label>address:<input type="email" name="jj" id="email"></label>
    <p>
     <label for="demand">お問い合わせ内容:</label><br>
     <textarea id="demand" name="ii" cols="40" rows="4" maxlength="20"></textarea>
    </p>
       <input type="submit" value="送信"></p>
    </form>

Comments

[kei344]

form部分のHTMLも提示してください。また、Terapadはエディタです。こういう場合はOSとブラウザとバージョンを書かれたほうが良いと思います。

[退会済みユーザー]

HTML追加しました！！

Answer 1

document.cancel.j.value -> document.cancel.j.length
(誤) .value (正) .length

挿入箇所は「password未入力」の判断の後が適当かと。

Comments

[退会済みユーザー]

if文の閉じかっこのあとでしょうか？？　それとも　if文の中でしょうか？？

Answer 2

// document.cancel.j.value>1 && document.cancel.j.value<6
document.cancel.j.value.length>1 && document.cancel.j.value.length<6

とりあえずこう書き換えたら動きますが、0文字のときはエラーが出ません。
なので、6文字以下なら必ずエラーにすれば0文字でもエラーが出ます。

// document.cancel.j.value>1 && document.cancel.j.value<6
document.cancel.j.value.length<6
```**動くサンプル：**[https://jsfiddle.net/hc7paytr/](https://jsfiddle.net/hc7paytr/)

Comments

[退会済みユーザー]

ということは、
if(document.cancel.j.value.length<6){
alert("6文字以上にしてください");
}
とすればいいんですか？？　　

[kei344]

とりあえず動かしてから質問してください。

[退会済みユーザー]

if(document.cancel.j.value==""){
message +="password未入力\n";
}
の後に　入れてみたけれどまったく動きませんでした…

[kei344]

「動くサンプル」に書かれたコードに「document.cancel.j.value.length<6」を追加したものがあるので、みてください。それ以外のエラーがあるのでうまく動きませんが。

エラーはデベロッパーツールで確認してみてください。
http://eng-entrance.com/javascript-display-error

[退会済みユーザー]

動くサンプルとは回答のとこのURLですよね？？　そこへ飛んでも何も表示されてなくて　どこ押したらいいかわからないです…

[kei344]

ページが開かない？404に行きますか？ jsfiddle.net が禁止URLにでもなっているのでしょうか。それでは見られませんね。そのページにはあなたが提示したHTMLとJavaScriptを使ってフォームが表示されています。

[退会済みユーザー]

その追加したところをここに表記するのは難しいですよね？？

[kei344]

これを「var kk;」の後に入れただけです。
if(document.cancel.j.value.length<6){
alert("6文字以上にしてください")
}
そもそも他のエラーを直さないとおもったように機能しないですよ。

[退会済みユーザー]

ありがとうございます　やってみたら動きました

Answer 3

文字列の長さは、文字列自身が情報を持っているので、訊いてみるとわかります

'aaa'.length // => 3

簡単に調べてみましたが、何か参考になれば幸いです

Links

• String.length - JavaScript | MDN