社区
JavaScript
帖子详情
页面中10道题目,其中3个radio,7个checkbox,如何用JS在客户端验证?
yzflying
2002-11-25 04:56:38
我的一个页面中10道题目,其中3个radio,7个checkbox,如何用JS在客户端验证?
用户如何有一项没有做出选择,无论是radio还是checkbox都不让提交!
...全文
105
3
打赏
收藏
页面中10道题目,其中3个radio,7个checkbox,如何用JS在客户端验证?
我的一个页面中10道题目,其中3个radio,7个checkbox,如何用JS在客户端验证? 用户如何有一项没有做出选择,无论是radio还是checkbox都不让提交!
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用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>
C语言笔记01(7.15-7.18)
C语言基本知识点思维导图
【智能汽车竞赛】摄像头组-长春理工大学-天狼五号技术赛方案.docx
【智能汽车竞赛】摄像头组-长春理工大学-天狼五号技术赛方案.docx
MATLAB
中
计算可达矩阵的实现方法
资源下载链接为: https://pan.quark.cn/s/abbae039bf2a 请用MATLAB编程实现从邻接矩阵计算可达矩阵。
hadoop-mapreduce-client-jobclient-2.7.3.jar
中
文文档.zip
1、压缩文件
中
包含:
中
文文档、jar包下载地址、Maven依赖、Gradle依赖、源代码下载地址。 2、使用方法: 解压最外层zip,再解压其
中
的zip包,双击 【index.html】 文件,即可用浏览器打开、进行查看。 3、特殊说明: (1)本文档为人性化翻译,精心制作,请放心使用; (2)只翻译了该翻译的内容,如:注释、说明、描述、用法讲解 等; (3)不该翻译的内容保持原样,如:类名、方法名、包名、类型、关键字、代码 等。 4、温馨提示: (1)为了防止解压后路径太长导致浏览器无法打开,推荐在解压时选择“解压到当前文件夹”(放心,自带文件夹,文件不会散落一地); (2)有时,一套Java组件会有多个jar,所以在下载前,请仔细阅读本篇描述,以确保这就是你需要的文件。 5、本文件关键字: jar
中
文文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,
中
文API文档,手册,开发手册,使用手册,参考手册。
jetty-server-9.4.44.v202
10
927.jar
中
文文档.zip
1、压缩文件
中
包含:
中
文文档、jar包下载地址、Maven依赖、Gradle依赖、源代码下载地址。 2、使用方法: 解压最外层zip,再解压其
中
的zip包,双击 【index.html】 文件,即可用浏览器打开、进行查看。 3、特殊说明: (1)本文档为人性化翻译,精心制作,请放心使用; (2)只翻译了该翻译的内容,如:注释、说明、描述、用法讲解 等; (3)不该翻译的内容保持原样,如:类名、方法名、包名、类型、关键字、代码 等。 4、温馨提示: (1)为了防止解压后路径太长导致浏览器无法打开,推荐在解压时选择“解压到当前文件夹”(放心,自带文件夹,文件不会散落一地); (2)有时,一套Java组件会有多个jar,所以在下载前,请仔细阅读本篇描述,以确保这就是你需要的文件。 5、本文件关键字: jar
中
文文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,
中
文API文档,手册,开发手册,使用手册,参考手册。
JavaScript
87,997
社区成员
224,709
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章