本文提供了一个使用HTML和JavaScript进行表单验证的例子。通过两个选择题的形式，演示了如何确保用户完成所有必填项。当用户点击提交按钮时，会检查每个问题是否已作答。
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
<script language=”javascript” type=”text/javascript”>
<!–
function check()
{
var flag1=0;
var flag2=0;
var radio1=document.getElementsByName(“radio1″);
for(var i=0;i<radio1.length;i++)
{
if(radio1.item(i).checked==true)
{
flag1=1;
break;
}
}
var radio2=document.getElementsByName(“radio2″);
for(var i=0;i<radio2.length;i++)
{
if(radio2.item(i).checked==true)
{
flag2=1;
break;
}
}
if(!flag1||!flag2){
alert(“还没做完?”);
return false;
}else{
alert(“完成!”);
}
}
//–>
</script>
<title></title>
</head>
<body >
<form name=”">
1, 问题1.:
<input type=”radio” name=”radio1″ value=”大于75的记录”>
A.大于75的记录
<input type=”radio” name=”radio1″ value=”大于75且小于85的记录”>
B.大于75且小于85的记录 <br>
<input type=”radio” name=”radio1″ value=”小于85的记录”>
C.小于85的记录
<input type=”radio” name=”radio1″ value=”大于75或小于85的记录”>
D.大于75或小于85的记录 <br>
2, 问题2.:
<input type=”radio” name=”radio2″ value=”大于75的记录”>
A.大于75的记录
<input type=”radio” name=”radio2″ value=”大于75且小于85的记录”>
B.大于75且小于85的记录 <br>
<input type=”radio” name=”radio2″ value=”小于85的记录”>
C.小于85的记录
<input type=”radio” name=”radio2″ value=”大于75或小于85的记录”>
D.大于75或小于85的记录 <br>
</form>
<input type=”button” value=”submit” onclick=”check()”/>
</body>
</html>
扫一扫
2128
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
