87,919
社区成员
发帖
与我相关
我的任务
分享关于验证的问题。radio和checkbox的验证出错
我要做一个在线试卷类型的表单，要实现每项必须填写。
在文本里面的验证都是对的，单选radio第一个也是对的，但第二个就没有通过直接跳过到保存页了，不知道是哪里出错，多选checkbox的也是一样，错的一塌糊涂，各位高人帮我改改。急用
<SCRIPT LANGUAGE="JavaScript">
function check(form) {
var checkit = false
if (!check_empty(document.form1.name.value))
{ validity = false; alert('姓名没有填'); return false;}
if (!check_empty(document.form1.age.value))
{ validity = false; alert('年龄没有填'); return false;}
for (var i=0;i<form.shuxue.length;i++) {
if (form.shuxue[i].checked) {checkit=true;break}
}
if (checkit) {return true} else {alert("单选题一没有答");return false
}
for (var i=0;i<form.yuwen.length;i++) {
if (form.yuwen[i].checked) {checkit=true;break}
}
if (checkit) {return true} else {alert("单选题二没有答");return false
}
}
function check_empty(text) {
return (text.length > 0);
}
</SCRIPT>
<form name="form1" method="post" action="save.asp" onSubmit="return check(this)">
<p>姓名：
<input maxlength=10 size=10 name=name>
</p>
<p>年龄：
<input maxlength=3 size=4 name=age>
</p>
<p>单选第一题：
答案一
<input type=radio value=答案一 name=shuxue>
答案二
<input type=radio value=答案二 name=shuxue>
答案三
<input type=radio value=答案三 name=shuxue>
答案四
<input type=radio value=答案四 name=shuxue>
</p>
<p>单选第二题
答案一
<input type=radio value=答案一 name=yuwen>
答案二
<input type=radio value=答案二 name=yuwen>
答案三
<input type=radio value=答案三 name=yuwen>
答案四
<input type=radio value=答案四 name=yuwen>
</p>
<p>多选第一题：
答案一
<input type="checkbox" name="con2" value=答案一>
答案二
<input type="checkbox" name="con2" value=答案二>
答案三
<input type="checkbox" name="con2" value=答案三>
答案四
<input type="checkbox" name="con2" value=答案四>
</p>
<p>多选第二题：
答案一
<input type="checkbox" name="skin2" value=答案一>
答案二
<input type="checkbox" name="skin2" value=答案二>
答案三
<input type="checkbox" name="skin2" value=答案三>
答案四
<input type="checkbox" name="skin2" value=答案四>
</p>
<p>
<input type="submit" value="提交 " name="cmdOk"></p>
</form>
在文本里面的验证都是对的，单选radio第一个也是对的，但第二个就没有通过直接跳过到保存页了，不知道是哪里出错，多选checkbox的也是一样，错的一塌糊涂，各位高人帮我改改。急用
<SCRIPT LANGUAGE="JavaScript">
function check(form) {
var checkit = false
if (!check_empty(document.form1.name.value))
{ validity = false; alert('姓名没有填'); return false;}
if (!check_empty(document.form1.age.value))
{ validity = false; alert('年龄没有填'); return false;}
for (var i=0;i<form.shuxue.length;i++) {
if (form.shuxue[i].checked) {checkit=true;break}
}
if (checkit) {return true} else {alert("单选题一没有答");return false
}
for (var i=0;i<form.yuwen.length;i++) {
if (form.yuwen[i].checked) {checkit=true;break}
}
if (checkit) {return true} else {alert("单选题二没有答");return false
}
}
function check_empty(text) {
return (text.length > 0);
}
</SCRIPT>
<form name="form1" method="post" action="save.asp" onSubmit="return check(this)">
<p>姓名：
<input maxlength=10 size=10 name=name>
</p>
<p>年龄：
<input maxlength=3 size=4 name=age>
</p>
<p>单选第一题：
答案一
<input type=radio value=答案一 name=shuxue>
答案二
<input type=radio value=答案二 name=shuxue>
答案三
<input type=radio value=答案三 name=shuxue>
答案四
<input type=radio value=答案四 name=shuxue>
</p>
<p>单选第二题
答案一
<input type=radio value=答案一 name=yuwen>
答案二
<input type=radio value=答案二 name=yuwen>
答案三
<input type=radio value=答案三 name=yuwen>
答案四
<input type=radio value=答案四 name=yuwen>
</p>
<p>多选第一题：
答案一
<input type="checkbox" name="con2" value=答案一>
答案二
<input type="checkbox" name="con2" value=答案二>
答案三
<input type="checkbox" name="con2" value=答案三>
答案四
<input type="checkbox" name="con2" value=答案四>
</p>
<p>多选第二题：
答案一
<input type="checkbox" name="skin2" value=答案一>
答案二
<input type="checkbox" name="skin2" value=答案二>
答案三
<input type="checkbox" name="skin2" value=答案三>
答案四
<input type="checkbox" name="skin2" value=答案四>
</p>
<p>
<input type="submit" value="提交 " name="cmdOk"></p>
</form>
...全文
请发表友善的回复…
发表回复
hebbo 2006-11-17
- 打赏
- 举报
非常感谢。
lantersen 2006-11-17
- 打赏
- 举报
<SCRIPT LANGUAGE="JavaScript">
function check(form)
{
var checkit = false;
if (!check_empty(document.form1.name.value))
{ validity = false; alert('姓名没有填'); return false;}
if (!check_empty(document.form1.age.value))
{ validity = false; alert('年龄没有填'); return false;}
for (var i=0;i<form.shuxue.length;i++)
{
if (form.shuxue[i].checked)
{
checkit = true;
break;
}
}
if (!checkit)
{
alert("单选题 1 没有答");
return false
}
var checkit2 = false;
for (var i=0;i<form.yuwen.length;i++)
{
if (form.yuwen[i].checked)
{
checkit2 = true;
break;
}
}
if (!checkit2)
{
alert("单选题 2 没有答");
return false
}
var mulcheck = false;
for (var j=0; j<form.con2.length; j++)
{
if (form.con2[j].checked)
{
mulcheck = true;
}
}
if (!mulcheck)
{
alert("多选 1 没有答");
return false
}
var mulcheck2 = false;
for (var j=0; j<form.skin2.length; j++)
{
if (form.skin2[j].checked)
{
mulcheck2 = true;
}
}
if (!mulcheck2)
{
alert("多选 2 没有答");
return false
}
}
function check_empty(text)
{
return (text.length > 0);
}
</SCRIPT>
</HEAD>
<BODY>
<form name="form1" method="post" action="save.asp" onSubmit="return check(this)">
<p>姓名：
<input maxlength=10 size=10 name=name>
</p>
<p>年龄：
<input maxlength=3 size=4 name=age>
</p>
<p>单选第一题：
答案一
<input type=radio value=答案一 name=shuxue>
答案二
<input type=radio value=答案二 name=shuxue>
答案三
<input type=radio value=答案三 name=shuxue>
答案四
<input type=radio value=答案四 name=shuxue>
</p>
<p>单选第二题
答案一
<input type=radio value=答案一 name=yuwen>
答案二
<input type=radio value=答案二 name=yuwen>
答案三
<input type=radio value=答案三 name=yuwen>
答案四
<input type=radio value=答案四 name=yuwen>
</p>
<p>多选第一题：
答案一
<input type="checkbox" name="con2" value=答案一>
答案二
<input type="checkbox" name="con2" value=答案二>
答案三
<input type="checkbox" name="con2" value=答案三>
答案四
<input type="checkbox" name="con2" value=答案四>
</p>
<p>多选第二题：
答案一
<input type="checkbox" name="skin2" value=答案一>
答案二
<input type="checkbox" name="skin2" value=答案二>
答案三
<input type="checkbox" name="skin2" value=答案三>
答案四
<input type="checkbox" name="skin2" value=答案四>
</p>
<p>
<input type="submit" value="提交 " name="cmdOk"></p>
</form>
</BODY>
</HTML>
function check(form)
{
var checkit = false;
if (!check_empty(document.form1.name.value))
{ validity = false; alert('姓名没有填'); return false;}
if (!check_empty(document.form1.age.value))
{ validity = false; alert('年龄没有填'); return false;}
for (var i=0;i<form.shuxue.length;i++)
{
if (form.shuxue[i].checked)
{
checkit = true;
break;
}
}
if (!checkit)
{
alert("单选题 1 没有答");
return false
}
var checkit2 = false;
for (var i=0;i<form.yuwen.length;i++)
{
if (form.yuwen[i].checked)
{
checkit2 = true;
break;
}
}
if (!checkit2)
{
alert("单选题 2 没有答");
return false
}
var mulcheck = false;
for (var j=0; j<form.con2.length; j++)
{
if (form.con2[j].checked)
{
mulcheck = true;
}
}
if (!mulcheck)
{
alert("多选 1 没有答");
return false
}
var mulcheck2 = false;
for (var j=0; j<form.skin2.length; j++)
{
if (form.skin2[j].checked)
{
mulcheck2 = true;
}
}
if (!mulcheck2)
{
alert("多选 2 没有答");
return false
}
}
function check_empty(text)
{
return (text.length > 0);
}
</SCRIPT>
</HEAD>
<BODY>
<form name="form1" method="post" action="save.asp" onSubmit="return check(this)">
<p>姓名：
<input maxlength=10 size=10 name=name>
</p>
<p>年龄：
<input maxlength=3 size=4 name=age>
</p>
<p>单选第一题：
答案一
<input type=radio value=答案一 name=shuxue>
答案二
<input type=radio value=答案二 name=shuxue>
答案三
<input type=radio value=答案三 name=shuxue>
答案四
<input type=radio value=答案四 name=shuxue>
</p>
<p>单选第二题
答案一
<input type=radio value=答案一 name=yuwen>
答案二
<input type=radio value=答案二 name=yuwen>
答案三
<input type=radio value=答案三 name=yuwen>
答案四
<input type=radio value=答案四 name=yuwen>
</p>
<p>多选第一题：
答案一
<input type="checkbox" name="con2" value=答案一>
答案二
<input type="checkbox" name="con2" value=答案二>
答案三
<input type="checkbox" name="con2" value=答案三>
答案四
<input type="checkbox" name="con2" value=答案四>
</p>
<p>多选第二题：
答案一
<input type="checkbox" name="skin2" value=答案一>
答案二
<input type="checkbox" name="skin2" value=答案二>
答案三
<input type="checkbox" name="skin2" value=答案三>
答案四
<input type="checkbox" name="skin2" value=答案四>
</p>
<p>
<input type="submit" value="提交 " name="cmdOk"></p>
</form>
</BODY>
</HTML>
