2017-01-30 2 views
0

Ich entwickelte eine Quiz-Anwendung in php..In dem, zeige ich eine Frage pro Seite..durch Verwendung der nächsten Schaltfläche Benutzer in der Lage, nächste Frage zu sehen.jquery Radio-Button-Validierung funktioniert nicht

Was passieren soll ist, dass, wenn keine der Radio-Buttons ausgewählt wurde, sollte es mit einer Nachricht "Bitte wählen Sie Ihre Antwort" kommen.

so ist mein Problem, es funktioniert nur für die erste Frage in meiner Anwendung..wenn ich auf nächste Schaltfläche klicken, funktioniert die Warnung nicht von der zweiten Seite.

bitte helfen Sie mir, wie dies zu tun ist. danke.

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

'$ ("input [class = radio]: checked")' versuchen classname ohne Apostroph –

+0

@ameya Deshpande keine ist es nicht funktioniert .. – user36

+0

'$ ('input [name = radio]: checked') .length <= 0' probiere das –

Antwort

0

die Sie interessieren ..

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 es funktioniert nicht..dies zeigt nicht einmal Alarm – user36

0

i hinzugefügt meine Form-ID an das Radio button..so jetzt es funktioniert gut.

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


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