动态单选按钮组验证
Dynamical radio button group validation
示例javascript:
<script type="text/javascript">
function validateForm() {
var radiobutton = document.getElementsByName("co[]");
for (var i = 0; i < radiobutton.length; i++) {
if (radiobutton[i].checked) {
return true;
}
}
alert("At least one radio button has not been selected");
return false;
}
示例php:
<form method="post" action="result.php" onSubmit="return validateForm();">
<?php
$_SESSION['two']=$_POST;
$query1 = mysql_query('SELECT * FROM option WHERE code IN("'.implode('","',$_POST['co']).'")');
while($data1 = mysql_fetch_assoc($query1))
{
echo $data1['name'];
?>
<table>
<tr>
<td>Detail</td>
<td>Select</td>
</tr>
<?php
$query = mysql_query('SELECT * FROM detailoption WHERE code="'.$data1['code'].'"');
while($data = mysql_fetch_assoc($query))
{
echo "<tr>";
echo "<td>".$data['detail']."</td>";
echo "<td><input type='radio' value='".$data['detail']."' name='co[".$data['code']."]' /></td>";
echo "</tr>";
}
?>
</table>
<?php
}
?>
<input type="submit" name="submit" value="Submit" />
当我选择单选按钮并提交时,系统会显示一条错误消息
当我没有选择单选按钮并提交时,系统还会显示一条错误消息。
有人能帮我吗?
您的行var radiobutton = document.getElementsByName("co[]");
总是返回空数组,因为您没有任何具有该名称的输入。
您应该将code
信息存储在输入的value
属性中,如果您想在结果中检索detail
字段,则应该将detailoption_id
存储在value
属性中,因为表中的所有行都有相同的代码,但可能没有相同的详细信息。
$query = mysql_query('SELECT * FROM detailoption WHERE code="'.$data1['code'].'"');
while($data = mysql_fetch_assoc($query))
{
echo "<tr>";
echo "<td>".$data['detail']."</td>";
echo "<td><input type='radio' value='".$data['code']."' name='co' /></td>";
echo "</tr>";
}
然后从新名称中获取输入列表
var radiobutton = document.getElementsByName("co");
首先给表单起个名字,比如myform,然后试试这个。我希望它能被你使用。
function validateForm() {
len = document.myform.co.length
for (i = 0; i <len; i++)
{
if (document.myform.co[i].checked)
{
return true;
}
alert("At least one radio button has not been selected");
return false;
}
相关文章:
- 使用警报框验证单选按钮,以便可以接受或拒绝它
- 如何在引导程序3中验证单选按钮
- 如何验证单选按钮
- 如何验证单选按钮
- 我想用 JavaScript 验证单选按钮,以测验我的代码需要什么
- Adobe 表单的 Javascript 验证(单选按钮)
- 需要帮助使用 JavaScript 验证单选按钮
- j查询动态验证单选按钮选择
- 验证单选按钮组
- 使用 JavaScript 验证单选按钮
- 按类名验证单选按钮的窗体
- Javascript:验证单选按钮
- 使用JS confrim对话框验证单选按钮
- 使用Javascript验证单选按钮
- 如何验证单选按钮
- jQuery验证单选按钮组
- 表单验证单选按钮
- 在转到下一页之前,如何验证单选按钮?
- 如何验证单选按钮选项
- 第二次验证单选按钮集