Click to See Complete Forum and Search --> : radio button validation


javascriptuser1
10-15-2003, 06:26 AM
hi all,
i am have a problem multiple radiobutton in my its working fine.
if i have only one radio button if i selected the button also i am getting alert statment please select one radio.

the number of radio button will create in my depending the values from the database.
here i am attaching my html forms.

<SCRIPT language="JavaScript">
function radio_validation()
{
var y;
var max = document.frmarea.area_r.length;
var found=false;
for (y=0;y<=max;y++)
{
if(document.frmarea.area_r[y].checked==true)
{
found=true;
break;

}
}

if (found!==true)
{
alert("please check one radio button");
//document.area.area_r[0].focus();
return false;
}
else if(document.forms[0].v_user_id.value == "")
{
alert("Please insert Username");
document.forms[0].v_user_id.focus();
return false;
}
else if (document.forms[0].v_user_pass.value == "")
{
alert("Please insert Password");
document.forms[0].v_user_pass.focus();
return false;
}
else
{
document.frmarea.action='test.jsp';
document.frmarea.submit();
}


}

</script>
<form name='frmarea' method='post'>
<Table>
<tr>
<td width="16%" dir="ltr" nowrap align='center'><font face="Arial"></font><input type="radio" name="area_r" value='22'></td>
</tr>
<TR>
<TD align='center'><b><FONT COLOR="3366cc" SIZE="2" FACE="Arial">Username&nbsp;</FONT></b></TD>
<TD align='center'><FONT FACE="Courier New"><INPUT NAME="v_user_id" VALUE="" SIZE="20" MAXLENGTH="8"></FONT></TD>
</TR>
<TR>
<TD align='center'><b><FONT COLOR="3366cc" SIZE="2" FACE="Arial">Password&nbsp;</FONT></b></TD>
<TD align='center'><INPUT NAME="v_user_pass" VALUE="" TYPE="Password" SIZE="20" MAXLENGTH="8"></TD>
</TR>
<tr>
<td width='100%' align='center' colspan='4'><input type='button' value='vote' onclick='radio_validation();'></td>
</tr>


</table>

</form>


-----------------------------
<SCRIPT language="JavaScript">
function radio_validation()
{
var y;
var max = document.frmarea.area_r.length;
var found=false;
for (y=0;y<max;y++)
{
if(document.frmarea.area_r[y].checked==true)
{
found=true;
break;

}
}

if (found!==true)
{
alert("please check one radio button");
document.area.area_r[0].focus();
return false;
}
else if(document.forms[0].v_user_id.value == "")
{
alert("Please insert Username");
document.forms[0].v_user_id.focus();
return false;
}
else if (document.forms[0].v_user_pass.value == "")
{
alert("Please insert Password");
document.forms[0].v_user_pass.focus();
return false;
}
else
{
// document.area.action='V_Login.jsp';
document.frmarea.action='vote.jsp';
document.frmarea.submit();
}


}

</script>
<form name='frmarea' method='post'>
<Table>
<tr>
<td width="16%" dir="ltr" nowrap align='center'><font face="Arial"></font><input type="radio" name="area_r" value='22'></td>
</tr>

<tr>
<td width="16%" dir="ltr" nowrap align='center'><font face="Arial"></font><input type="radio" name="area_r" value='66'></td>
</tr>
<tr>
<td width="16%" dir="ltr" nowrap align='center'><font face="Arial"></font><input type="radio" name="area_r" value='100'></td>
</tr>

<TR>
<TD align='center'><b><FONT COLOR="3366cc" SIZE="2" FACE="Arial">Username&nbsp;</FONT></b></TD>
<TD align='center'><FONT FACE="Courier New"><INPUT NAME="v_user_id" VALUE="" SIZE="20" MAXLENGTH="8"></FONT></TD>
</TR>
<TR>
<TD align='center'><b><FONT COLOR="3366cc" SIZE="2" FACE="Arial">Password&nbsp;</FONT></b></TD>
<TD align='center'><INPUT NAME="v_user_pass" VALUE="" TYPE="Password" SIZE="20" MAXLENGTH="8"></TD>
</TR>
<tr>
<td width='100%' align='center' colspan='4'><input type='button' value='vote' onclick='radio_validation();'></td>
</tr>

</table>

</form>