2017-01-30 18 views
0

私はPHPで1つのクイズアプリケーションを開発しました。その中で、次のボタンユーザーが次の質問を見ることができるようにページごとに1つの質問を表示します。jqueryラジオボタンの検証が機能していません

ラジオボタンが選択されていない場合は、「あなたの答えを選択してください」というメッセージが表示されます。

私の問題は、アプリケーションの最初の質問に対してのみ機能します。次のボタンをクリックすると、アラートが2番目のページから機能していません。

どうすればいいですか? ありがとうございます。

var count = 0; 

$('body').on('click','.Next',function(e){ 
    e.preventDefault(); 

    var question_id = $(this).data('id'); 
    var formId = "question_form"+question_id; 
    var value = $(this).val(); 
    var timer1 = $("#timer1").val(); 
    var timer2 = $("#timer2").val(); 

    var answer = $('#'+formId).find("input[class=radio]:checked").val(); 


    if(!$('#'+formId).find("input[class=radio]:checked").val()){ 
     alert('please select your answer'); 
     return false; 
    }else{ 
     $.ajax({ 
      type: 'post', 
      url: 'scores.php', 
      data:{ "Question":question_id, "Answer":answer, "Timer1":timer1, "Timer2":timer2}, 
      success: function(data){ 
       alert(data); 
       change_next(value); 
       //console.log(data); 
       $("#timer1").val(0); 
       $("#timer2").val(0);    
      }, 
      beforeSend: function(){ 
       $('#loading').show();  
      } 
     }); 
    } 

restartTimer(); 
    count--; 
    count--; 

}); 
+0

'$( "入力[クラス=ラジオ]:チェックする")' NO、それは働いていない単一引用符 –

+0

@ameyaデシュパンデせずにクラス名を試してみません.. – user36

+0

'$( '入力[名前=ラジオ]:チェックします' ).length <= 0'これを試してください –

答えて

0

これを試してみてください。..

var question_id = $(this).data('id'); 
    var value = $(this).val(); 
    var timer1 = $("#timer1").val(); 
    var timer2 = $("#timer2").val(); 
    var answer=$("input[class=radio]:checked").val(); 

     if(!$('input[name=radio]:checked').length<=0) 
      { 
      alert('please select your answer'); 
      //return false; 
      } 

     else 
     { 

    $.ajax({ 
     type: 'post', 
     url: 'scores.php', 
     data:{ "Question":question_id, "Answer":answer, "Timer1":timer1, "Timer2":timer2}, 
     success: function(data) 
     { 
      alert(data); 
      change_next(value); 
      //console.log(data); 
      $("#timer1").val(0); 
      $("#timer2").val(0); 

     }, 
     beforeSend: function(){ 
     $('#loading').show(); 

    } 
    }); 
     } 

    restartTimer(); 
      count--; 
      count--; 

    }); 
+0

Mr.HKそれは動作していません..それも警告も表示されません.. – user36

0

私はラジオに私のフォームIDを追加button..so今では正常に動作します。

var answer = $('#'+formId).find("input[class=radio]:checked").val(); 


    if(!$('#'+formId).find("input[class=radio]:checked").val()) 
    { 
    alert('please select your answer'); 
    return false; 
    } 
関連する問題