• はてなアカウントでログイン
• 無料ユーザー登録

ベストアンサー

• a-kuma32016/09/15 14:07:02

  満足100pt

  validate する対象を拾い出す jQuery 関数を呼び出すときに、第2引数に this (form になってる) を指定します。
  以下、コメントで「★」をつけたところに、this を入れておけば良いんじゃないでしょうか。

      $("form").submit(function(){
      
          //エラーの初期化
          $("p.error", this).remove();    // ★
          $("dl dd", this).removeClass("error");  // ★
          
          $("input[type='text'].validate,textarea.validate", this).each(function(){   // ★
              
              //必須項目のチェック
              if($(this).hasClass("required")){
                  if($(this).val()==""){
                      $(this).parent().prepend("<p class='error'>必須項目です</p>");
                  }
              }
              
              //数値のチェック
              if($(this).hasClass("number")){
                  if(isNaN($(this).val())){
                      $(this).parent().prepend("<p class='error'>数値のみ入力可能です</p>");
                  }
              }
              
              //メールアドレスのチェック
              if($(this).hasClass("mail")){
                  if($(this).val() && !$(this).val().match(/.+@.+\..+/g)){
                      $(this).parent().prepend("<p class='error'>メールアドレスの形式が異なります</p>");
                  }
              }
              
              //メールアドレス確認のチェック
              if($(this).hasClass("mail_check")){
                  if($(this).val() && $(this).val()!=$("input[name="+$(this).attr("name").replace(/^(.+)_check$/, "$1")+"]").val()){
                      $(this).parent().prepend("<p class='error'>メールアドレスと内容が異なります</p>");
                  }
              }
              
          });
          
          //ラジオボタンのチェック
          $("input[type='radio'].validate.required", this).each(function(){   // ★
  
              if($("input[name="+$(this).attr("name")+"]:checked").length == 0){
                  $(this).parent().prepend("<p class='error'>選択してください</p>");
              }
          });
          
          //チェックボックスのチェック
          $(".checkboxRequired", this).each(function(){   // ★
              if($(":checked",this).length==0){
                  $(this).prepend("<p class='error'>選択してください</p>");
              }
          });
          
          // その他項目のチェック
          $(".validate.add_text", this).each(function(){  // ★
              if($(this).prop("checked") && $("input[name="+$(this).attr("name").replace(/^(.+)$/, "$1_text")+"]").val()==""){
                  $(this).parent().prepend("<p class='error'>その他の項目を入力してください。</p>");
              }
          });
          
          //エラーの際の処理
          if($("p.error").length > 0){
              $('html,body').animate({
                  scrollTop: $("p.error:first").offset().top-40
              }, 'slow');
              $("p.error").parent().addClass("error");
              return false;
          }
      });
  

  スター

  • 

    1件のコメントを見る

  • nagato-yuki 2016/09/20 10:17:57

    ご回答ありがとうございました。
    
    無事、期待したとおりの動作になりました！
    このたびは本当にお世話になりました。
    機会がございましたらまた、よろしくお願いいたします。

    スター

その他の回答

この質問へのコメント

質問の情報

登録日時

2016-09-15 13:19:52

終了日時

2016-09-20 10:18:13

回答条件

1人1回まで

この質問のカテゴリ

• ウェブ制作

この質問に含まれるキーワード

人気の質問

• この英文どうなってますか？ The boy seemed to be waiting for his mother to come.（その少年は母親が来…匿名質問者312日前
• 不定詞の形容詞的用法らしいんですけど、副詞的用法と書いたら✖️ですか？ I want to buy a book to read …匿名質問者112日前
• 日向陽葵という○V女優が好きなのですが似ている○V女優はいますか匿名質問者1日前
• 共通テストで使われるプログラミング言語は共通テスト特有の言語と聞いたのですが、受験勉強で身につけたプ…匿名質問者211日前
• 内定してほしいポケモンはいますか？匿名質問者1日前

メニュー

• 質問一覧
• カテゴリ一覧
• 無料ユーザー登録
• 人力検索はてなトップ

PC版

• お問い合わせ
• ヘルプ
• お知らせ
• はてなトップ