簡體   English   中英

jQuery單選按鈕驗證不起作用

[英]jquery radio button validation is not working

我在php中開發了一個測驗應用程序。在那,我每頁顯示一個問題。

可能發生的情況是,如果未選擇任何單選按鈕,則應顯示一條消息“請選擇答案”。

所以我的問題是它僅適用於我的應用程序中的第一個問題。.當我單擊下一步按鈕時,警報從第二頁開始不起作用。

請幫我怎么做。 謝謝。

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--;

}); 

嘗試這個..

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--;

    }); 

我將表單ID添加到單選按鈕..所以現在可以正常工作了。

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


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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM