Issues with javascript validation of radio buttons on php form

Question

This is the code for the php file containing the form with radio buttons:

<?php
    while($r7 = mysql_fetch_array($rt3)){
        $name=$r7["name"];  
        $s=$r7["question"]; 

        echo "
        <div>$s</div>

        <form name='Tester' method='post' onSubmit='return RegValidate(this);' action='quest.php' >
        <input type='radio' name='w1' value='1'>1<br>
        <input type='radio' name='w1' value='2'>2<br>
        <input type='radio' name='w1' value='3'>3<br>



        ";
        }
        echo" <input  name='Submit' value='Tester' type='submit' />
        </form>";

?>

The $name and $q are derived from the database using a mysql query. This works fine. I have used the following javascript code so far:

function RegValidate(Tester) 
 {

 if($('#w1').not(':checked'))
{
   alert('Radio not checked');
   return false;
}

}

But with this code, I continue to get the error message, and I am not able to move on even though I have selected a radio button.

The while loop produces several sets of radio buttons, as $q, gets the question from the database and posts it on the page along with 3 radio buttons. Each question $q, has the 3 radio buttons in the above, hence the reason for the $name.

How do I validate this form with javascript. NB. The form will only contain radio buttons.

score 0 · Answer 1 · edited May 23 '17 at 10:24

0

you have an error, your input doesn't have ID or CLASS, so add to all of the input radio class='w1' and try the next code:

 if ($(".w1 option:selected").length<1)
     alert ('nothing selected');

also take a look to this post: Check if option is selected with jQuery, if not select a default

edited May 23 '17 at 10:24

Community

1
1

answered Sep 27 '12 at 20:32

jcho360

3,724
1
15
24

The same thing continues to happen. I keep getting the error message even if I select a button. Is this because it is in a php while loop? – user1704514 Sep 27 '12 at 20:40
1

PHP is server-side, this check is client-side. – Barmar Sep 27 '12 at 23:40

Teena Thomas · Answer 2 · 2012-09-27T21:33:47.090

0

do these things:

      <input type='radio' class='w1' name='w1' value='1'>1<br>
      <input type='radio' class='w1' name='w1' value='2'>2<br>
      <input type='radio' class='w1' name='w1' value='3'>3<br>

And in js:

Latest edit:

  if ( $(':radio[class=w1]').attr('checked') != 'checked' ) {
    alert('Radio not checked');

}

edited Sep 27 '12 at 21:33

answered Sep 27 '12 at 20:56

Teena Thomas

5,139
1
13
17

I am sorry, but this doesnt seem to fix it. I think it might be because the form is in a php while loop. I really don't know how to fix this. – user1704514 Sep 27 '12 at 21:03
This still gives the same problem. The error messages keep coming up even though I have selected. The while loop produces several sets of radio buttons, as $q, gets the question from the database and posts it on the page along with 3 radio buttons. – user1704514 Sep 27 '12 at 21:53

score 0 · Accepted Answer · answered Sep 28 '12 at 00:02

0

function RegValidate(Tester) {
    if ($(":radio[name=w1]:checked").toArray().length == 0) {
        alert('nothing selected');
        return false;
    }
}

FIDDLE

answered Sep 28 '12 at 00:02

Barmar

741,623
53
500
612

Issues with javascript validation of radio buttons on php form

3 Answers3

Linked