ASP.NET jQuery 实例17 通过使用jQuery validation插件校验ListBox


Posted in Javascript onFebruary 03, 2012

这里我们举例校验ListBox两个规则:
•校验必选项
•选择范围在0~4项
界面代码:

<form id="form1" runat="server"> 
<div align="center"> 
<fieldset style="width: 350px; height: 200px;"> 
<table border="0" cellpadding="3" cellspacing="3"> 
<tr> 
<td> 
请选择汽车类型: 
</td> 
</tr> 
<tr> 
<td> 
<asp:ListBox ID="lstCar" runat="server" Rows="5" SelectionMode="Multiple"> 
<asp:ListItem Value="1" Text="奔驰汽车"></asp:ListItem> 
<asp:ListItem Value="2" Text="宝马汽车"></asp:ListItem> 
<asp:ListItem Value="3" Text="奥迪汽车"></asp:ListItem> 
<asp:ListItem Value="4" Text="现代汽车"></asp:ListItem> 
<asp:ListItem Value="5" Text="丰田汽车"></asp:ListItem> 
</asp:ListBox> 
</td> 
</tr> 
<tr> 
<td> 
<asp:Button ID="btnSubmit" runat="server" Text="提交" /> 
</td> 
</tr> 
</table> 
</fieldset> 
<div id="message" class="alertmsg"> 
</div> 
</div> 
</form>

脚本代码:
<head id="Head1" runat="server"> 
<title>Recipe17</title> 
<script type="text/javascript" src="Scripts/jquery-1.4.1-vsdoc.js"></script> 
<script type="text/javascript" src="Scripts/jquery.validate.js"></script> 
<script type="text/javascript"> 
$(function () { 
$("#form1").validate({ 
rules: { 
lstCar: { required: true, rangelength: [0, 4] } 
}, 
messages: { 
lstCar: { required: "至少选择一种车!", 
rangelength: "选择的范围为零到四种车!" 
} 
}, 
errorLabelContainer: $("#message") 
}); 
}); 
</script> 
<style type="text/css"> 
.alertmsg 
{ 
color: #FF0000; 
} 
</style> 
</head>

界面效果:

ASP.NET jQuery 实例17 通过使用jQuery validation插件校验ListBox

Javascript 相关文章推荐
javascript oop开发滑动(slide)菜单控件
Aug 25 Javascript
onclick与listeners的执行先后问题详细解剖
Jan 07 Javascript
jQuery文本框(input textare)事件绑定方法教程
Apr 24 Javascript
JS中如何设置readOnly的值
Dec 25 Javascript
原生JavaScript实现合并多个数组示例
Sep 21 Javascript
JavaScript实现彩虹文字效果的方法
Apr 16 Javascript
js实现兼容IE、Firefox的图片缩放代码
Dec 08 Javascript
AngularJs  Using $location详解及示例代码
Sep 02 Javascript
KnockoutJS 3.X API 第四章之表单value绑定
Oct 10 Javascript
react redux入门示例
Apr 19 Javascript
Vue监听数据渲染DOM完以后执行某个函数详解
Sep 11 Javascript
基于vue实现简易打地鼠游戏
Aug 21 Javascript
ASP.NET jQuery 实例16 通过控件CustomValidator验证RadioButtonList
Feb 03 #Javascript
ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList
Feb 03 #Javascript
ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围
Feb 03 #Javascript
ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter
Feb 03 #Javascript
ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
Feb 03 #Javascript
ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
Feb 03 #Javascript
ASP.NET jQuery 实例10 动态修改hyperlink的URL值
Feb 03 #Javascript
You might like
php如何调用webservice应用介绍
2012/11/24 PHP
ThinkPHP之A方法实例讲解
2014/06/20 PHP
PHP面向对象精要总结
2014/11/07 PHP
php获取文章上一页与下一页的方法
2014/12/01 PHP
Javascript JSQL,SQL无处不在,
2010/05/05 Javascript
JavaScript学习点滴 call、apply的区别
2010/10/22 Javascript
JavaScript创建类/对象的几种方式概述及实例
2013/05/06 Javascript
jQuery实现延迟跳转的方法
2015/06/05 Javascript
简单的JS轮播图代码
2016/07/18 Javascript
微信小程序 css使用技巧总结
2017/01/09 Javascript
Angular在模板驱动表单中自定义校验器的方法
2017/08/09 Javascript
vue教程之toast弹框全局调用示例详解
2020/08/24 Javascript
Vue 进入/离开动画效果
2017/12/26 Javascript
Vue 组件(component)教程之实现精美的日历方法示例
2018/01/08 Javascript
Vuejs+vue-router打包+Nginx配置的实例
2018/09/20 Javascript
详解如何更好的使用module vuex
2019/03/27 Javascript
说说如何利用 Node.js 代理解决跨域问题
2019/04/22 Javascript
layer.js open 隐藏滚动条的例子
2019/09/05 Javascript
Django框架中处理URLconf中特定的URL的方法
2015/07/20 Python
Python搜索引擎实现原理和方法
2017/11/27 Python
wxPython的安装与使用教程
2018/08/31 Python
Centos部署django服务nginx+uwsgi的方法
2019/01/02 Python
python2和python3在处理字符串上的区别详解
2019/05/29 Python
Windows上安装tensorflow  详细教程(图文详解)
2020/02/04 Python
浅谈keras中的Merge层(实现层的相加、相减、相乘实例)
2020/05/23 Python
Python连接mysql数据库及简单增删改查操作示例代码
2020/08/03 Python
python 如何将office文件转换为PDF
2020/09/22 Python
Pycharm自动添加文件头注释和函数注释参数的方法
2020/10/23 Python
SportsDirect.com马来西亚:英国第一体育零售商
2018/11/21 全球购物
丝绸和人造花卉、植物和树木:Nearly Natural
2018/11/28 全球购物
捷克玩具商店:Bambule
2019/02/23 全球购物
婚礼主持词开场白
2014/03/13 职场文书
故宫的导游词
2015/01/31 职场文书
红色影片观后感
2015/06/18 职场文书
离职信范文
2015/06/23 职场文书
vscode中使用npm安装babel的方法
2021/08/02 Javascript