js アラート入力チェック

Question

js.jqueeyで入力フォームのチェックでアラートを出したいと思っております。
アラートを表示させたいのですが、複数項目ある場合まとめてのアラート表示をしたいですが上手くできず力をお貸ししていただきたいです。

また、氏名は必須入力です。10文字以内でご記入ください。の様に文字数が１１文字になってもアラートを出したいと思っております。

行いたいこと
・アラートまとめて表示
・チェック２つ

function checkForm(){


  if(document.checkcheck.name.value == "" || checkcheck.name.length > 11){
    alert("氏名は必須入力です。10文字以内でご記入ください。");
   if(document.checkcheck.yomi.value == ""){
    alert("フリガナは必須入力です。10文字以内でご記入ください。"); 
 
  }
}
}

 if ($_POST['name']=='' || mb_strlen($_POST["name"]) >= 10){
    $error['name'] ='blank_a';


<form action="contact.php" method="post" enctype="multipart/form-data" name="checkcheck">
   <dt><p class="name">氏名<a>*</a></p></dt>
        <?php if (isset($error['name']) && $error['name'] == 'blank_a'): ?>
          <p class="error">氏名は必須入力です。10文字以内でご記入ください。</p>
          <?php endif; ?>
      <dd><input type="text" placeholder="山田太郎" name="name" class="name_a"></dd>


      <div class="send">
        <input type="submit" value="送　信" class="send_button" onclick="return checkForm()">
      </div>
      

</form>

Comments

[m.ts10806]

checkcheck　という項目はどこにもないようですが。

[shos3]

コードが多くて見辛くなると思ったため省いてしまいました。
追記させていただきました。アドバイス頂けると幸いです。

[m.ts10806]

投稿は1万字が上限なので、その範囲であって且つ他者が再現できる程度のコードは必須に思います。
削りすぎると流れややりたいことが見えなくなります。あくまで見るのは赤の他人ですから。

Answer 1

現状のコードだと、「checkcheck.nameが空もしくは10字を超えているとき」に「checkcheck.yomi」のチェックを行っています。

ifの閉じる場所がおかしいという意味です。
また、毎回alertを出したくないというのでしたらエラー情報保持用の変数に追記していってその変数にエラーが1つ以上ある時に変数をalertで出せばと良いと思います。

Comments

[shos3]

ありがとうございます。一度見直してみます

[m.ts10806]

インデント調整されたほうが良いと思います。
特に{}の対応がずれてると非常に間違いやすいです。