社区
JavaScript
帖子详情
页面中10道题目,其中3个radio,7个checkbox,如何用JS在客户端验证?
yzflying
2002-11-25 04:56:38
我的一个页面中10道题目,其中3个radio,7个checkbox,如何用JS在客户端验证?
用户如何有一项没有做出选择,无论是radio还是checkbox都不让提交!
...全文
92
3
打赏
收藏
页面中10道题目,其中3个radio,7个checkbox,如何用JS在客户端验证?
我的一个页面中10道题目,其中3个radio,7个checkbox,如何用JS在客户端验证? 用户如何有一项没有做出选择,无论是radio还是checkbox都不让提交!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
freefalcon
2002-11-26
打赏
举报
回复
如下,每道题目后面的input都取相同的name,对于单选按钮,在服务器端得到的就是其选中的value,对于复选按钮,得到的是一个数组
对于单选按钮,你可以先指定一个默认选项以减少判断,但下面的方法对于二者都实用
<form name="form1" action="1.htm" method="post" onSubmit="return checkForm()">
<table>
<tr><td>题目1:</td>
<td><input type="checkbox" name="ques1">选择1</td>
<td><input type="checkbox" name="ques1">选择2</td>
</tr>
<tr><td>题目2:</td>
<td><input type="checkbox" name="ques2">选择1</td>
<td><input type="checkbox" name="ques2">选择2</td>
<td><input type="checkbox" name="ques2">选择3</td>
</tr>
<tr><td>题目3</td>
<td><input type="radio" name="ques3" checked>选择1</td>
<td><input type="radio" name="ques3">选择2</td>
</tr>
</table>
<input type="submit">
</form>
<SCRIPT LANGUAGE="JavaScript">
<!--
function checkForm() {
for(i=1;i<=10;i++) {
var flag=false;
var obj=eval("form1.ques"+i);
for(j=0;j<obj.length;j++)
if(obj[j].checked){
flag=true;
continue;
}
if(!flag){
alert("您还未对题目"+i+"做出选择!");
return false;
}
}
return true;
}
//-->
</SCRIPT>
yzflying
2002-11-26
打赏
举报
回复
兄弟你错误的理解了我的意思,我是说10道题目,其中有3道题目是单选按钮,选项有4-7个不等,7道题目是复选按钮,选项也是4-7个不等,这样怎么在客户端进行验证?
利而不害
2002-11-25
打赏
举报
回复
<form name="frm1" action="1.htm" method="post" onSubmit="return checkForm()">
<input type="checkbox" name="chk">111111111<br>
<input type="checkbox" name="chk">222222222<br>
<input type="checkbox" name="chk">333333333<br>
<input type="checkbox" name="chk">444444444<br>
<input type="checkbox" name="chk">555555555<br>
<input type="checkbox" name="chk">666666666<br>
<input type="checkbox" name="chk">777777777<br>
<input type="radio" name="rdo">888888888<br>
<input type="radio" name="rdo">999999999<br>
<input type="radio" name="rdo">000000000<br>
<input type="submit">
</form>
<SCRIPT LANGUAGE="JavaScript">
<!--
function checkForm() {
var flagC=false;
var flagR=false;
for(i=0;i<frm1.chk.length;i++) {
if(frm1.chk[i].checked) {
flagC=true;
}
}
for(j=0;j<frm1.rdo.length;j++) {
if(frm1.rdo[j].checked) {
flagR=true;
}
}
if(!flagC) {
alert("checkbox一个也没选!");
return false;
}
if(!flagR) {
alert("radio一个也没选!");
return false;
}
}
//-->
</SCRIPT>
Web 程序设计复习题.docx
3. **C# 运算符**:
题目
中
的`>>=`是右移运算符,具有两个操作数;`&&`是逻辑与运算符,也具有两个操作数;`++`是自增运算符,只有一个操作数;而`?`是三元条件运算符,具有三个操作数。 4. **LINQ (Language ...
PHP网上问卷调查系统,源码
4. JavaScript:JavaScript在
客户
端
运行,可以实现动态效果,如
验证
用户输入、显示提示信息等。在问卷系统
中
,它可以确保用户按要求填写问卷,例如检查必填项、限制输入长度等。 5. 表单处理:在PHP
中
,`<form>`...
E-Xam
在IT行业
中
,考试系统是一个重要的组成部分,特别是在教育和培训领域。"E-Xam"系统可能是一个电子化的考试平台,旨在简化传统纸质考试的过程,提高效率并实现自动化评估。本系统可能利用HTML(超文本标记语言)作为...
测验应用
这通常涉及到JavaScript,一种在
客户
端
运行的脚本语言,用于实现交互性和实时反馈。JavaScript可以监听表单的提交事件,对用户的选择进行
验证
,并显示相应的结果。如果测验应用需要服务器
端
交互,比如存储用户成绩或...
小测验时间
利用JavaScript,我们可以在
客户
端
实时
验证
答案,而无需立即提交到服务器。例如,可以使用`addEventListener`来监听提交事件,然后用`document.getElementById`获取用户的选择,并与预设答案进行比较。 最后,为了...
JavaScript
87,955
社区成员
224,621
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章