社区
JavaScript
帖子详情
页面中10道题目,其中3个radio,7个checkbox,如何用JS在客户端验证?
yzflying
2002-11-25 04:56:38
我的一个页面中10道题目,其中3个radio,7个checkbox,如何用JS在客户端验证?
用户如何有一项没有做出选择,无论是radio还是checkbox都不让提交!
...全文
141
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>
jQuery 循环判断
radio
checkbox
选项不能空
本文介绍了一个简单的投票表单示例,通过使用jQuery来实现
客户端
表单
验证
,确保至少选择了一个选项才能提交表单。此外,还展示了如何将表单元素组织成表格布局。
验证
用户是否修改过
页面
的数据
本文提供了一种在Web
页面
上判断用户是否修改输入内容的方法。通过
客户端
JavaScript实现,能够跨IE和Firefox浏览器工作,并适用于多种
页面
结构。
javascript常用函数2
本文提供了一组实用的JavaScript函数,包括选
中
CheckBox
或
Radio
、下拉菜单项及日期类型判断等,帮助开发者快速实现常见功能。
jQuery
验证
控件jquery.validate.
js
使用说明+
中
文API
本文详细介绍jQuery Validate插件的功能和使用方法,包括强大的表单
验证
能力、丰富的自定义选项和API,以及如何进行
客户端
验证
。涵盖从基本使用到高级自定义的全面指南。
客户端
验证
:JQuery Validation Plugin
本文详细介绍jQuery Validate插件的使用方法,包括导入
JS
库、默认校验规则、提示信息定制、多种应用方式等。此外还讲解了如何进行异步
验证
、自定义校验规则以及对特殊表单元素的
验证
技巧。
JavaScript
87,990
社区成员
224,684
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章