`
- 浏览:
13272 次
-
本文转自:http://blog.csdn.net/shandian534/article/details/4803931
1、 在工程中加入jquery和yav的js文件
< script type = "text/javascript" src = "yourPath/jquery1.2.6.js" ></ script >
< script type = "text/javascript" src = "yourPath/yav.js" ></ script >
< script type = "text/javascript" src = "yourPath/yav-config-zh-CN.js" ></ script >
2、 在jsp页面中使用Jquery初始化yav验证
$( function () {
yav.init( 'formName' , rules);
} );
这表示在 jsp 页面上的元素失去焦点的时候出发对应元素的验证
参数说明:
formName : form 表单的 name 属性名称
rules :对应表单的验证规则
3、 在jsp页面添加表单的验证规则和提示信息以及错误信息
< script >
va r rule s=ne w Array();
rules[0 ]='username|required| 用户名不能为空 ';
rules[1 ]='password|require d| 密码不能为空 ';
rules[2 ]='password|minlength| 8';
rules[3 ]='confirm|equal|$passwor d';
rules[4 ]='email|required|e-mail 格式不 对 ';
rules[5 ]='email|emai l';
yav.addHel p('usernam e' , ' 用户名输入格式描述 ' );
yav.addHel p('passwor d' , ' 密码的格 式 ');
yav.addHel p('confir m' , ' 确认密码格 式 ');
yav.addHel p('emai l' , 'e-mai l 格式 ');
</ script >
在步骤 2 yav.init 方法中传递的 rules 参数,就是这里定义的,他是一个数组,格式为:
‘ 元素的 name 属性 | 规则 | 错误提示信息 ’ ,例如 rules[0 ]='username|required| 用户名不能为空 ';
标示 username 为必填项,如果为空则显示“ 用户名不能为空 ”错误提示
yav.addHel p 方法是指在对应元素获得焦点的时候的提示信息(可选)
4、 在form表单提交前请调用方法
yav.performCheck(‘ 表单名 ’, 验证规则 ,'inline')
例如:
yav.performCheck('exampleform', rules,'inline')
5、 在需要显示元素错误信息的地方使用如下语句
< span id = "errorsDiv_[ 元素名称 ]"/ >
例如: < span id = "errorsDiv_username"/ > ,则会将 username 的错误信息显示在这个 span 中
<! DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
< html >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=UTF-8" >
< title > Insert title here </ title >
< link rel ="stylesheet" type ="text/css" href ="styles/yav-style.css" >
< script type ="text/javascript" src ="./js/jquery1.2.6.js" ></ script >
< script type ="text/javascript" src ="./js/yav.js" ></ script >
< script type ="text/javascript" src ="./js/yav-config-zh-CN.js" ></ script >
< script >
$( function (){
yav.init('exampleform', rules);
});
function haha(){
// alert("haha");
}
var rules = new Array();
rules[ 0 ] = 'username | required | 用户名不能为空';
rules[ 1 ] = 'password | required';
rules[ 2 ] = 'password | minlength | 8 ';
rules[ 3 ] = 'confirm | equal | $password';
rules[ 4 ] = 'email | required | e - mail 格式不对';
rules[ 5 ] = 'email | email';
rules[ 6 ] = 'username | custom | haha()'
yav.addHelp('username', '用户名输入格式描述');
yav.addHelp('password', '密码的格式');
yav.addHelp('confirm', '确认密码格式');
yav.addHelp('email', 'e - mail格式');
</ script >
</ head >
< body >
< form onsubmit ="return yav.performCheck('exampleform', rules,'inline')" name ="exampleform" >
< table valign ="top" >
< tbody >
< tr >
< td class ="" > Username: </ td >
< td >
< input type ="text" class ="inputNormal" name ="username" title ="aaaaaaaaaaaa" />
< span id ="errorsDiv_username" ></ span >
</ td >
</ tr >
< tr >
< td class ="" > Password: </ td >
< td >
< input type ="password" class ="inputNormal" name ="password" />
< span id ="errorsDiv_password" />
</ td >
</ tr >
< tr >
< td class ="" > Confirm Password: </ td >
< td >
< input type ="password" class ="inputNormal" name ="confirm" />
< span id ="errorsDiv_confirm" />
</ td >
</ tr >
< tr >
< td class ="" > E-mail: </ td >
< td >
< input type ="text" class ="inputNormal" name ="email" />
< span id ="errorsDiv_email" />
</ td >
</ tr >
< tr >
< td class ="" > </ td >
< td />
</ tr >
< tr >
< td class ="" >
< input type ="submit" class ="buttonstyle" value ="Check" />< br />
</ td >
< td />
</ tr >
</ tbody >
</ table >
</ form >
</ body >
</ html >
- 大小: 16.8 KB
- 大小: 15 KB
- 大小: 4.9 KB
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
JQuery 结合 Yav 验证,内含文档说明及示例。
yav是一个基于jquery的优秀的表单验证插件,易于上手,切本身包含多语言版本。
这是我的邮箱,有bug麻烦发送到 zs.mailbox@yahoo.cn
YAV-WDS WIFI信号采集软件 labview
(一)功能说明 1、本程序自适应亚为所有USB接口的硬件,通道数量能完全自适应。 2、具备长时间低速模拟量AI采集、短时间高速AI采集,波形显示、分析、回放等功能。 3、最下方的DI、DO、计频、计数等,是部分硬件...
适用范围:带有YAV标识,或者武汉亚为电子科技有限公司产品标注,且具备USB(包括方口USB、Micro USB)接口的模块,均可利用本指南。 特别声明:该指南仅适应于2016年6月1日之后YAV采集卡 USB接口的采集卡,无需...
YAV Smart V智能信号记录仪用户手册
YAV WIFI转串口 服务器模块 技术手册
YAV 亚为科技 信号采集卡 硬件对照表
YAV WIFI 8AD串口数据采集模块,拥有8路AI。可直接配合上百种传感器使用,12种自动保护措施,使用十分安全方便。可在Windows XP、WIN7(32位/64位)、WIN8(32位/64位)、WIN10、安卓和IOS等操作系统下稳定运行,有...
依靠电脑USB供电,同时支持12-24V宽电压供电,支持RS232/RS485串口通信或USB通信,16路AI采集,可直接配合上百种传感器使用,9种自动保护措施,使用十分安全方便。无需驱动,采样率可达每通道2Kps,可在Windows XP、...
本手册为亚为推出的YAV P压力传感器专用采集卡的用户手册,主要内容包括功能概述、1路压力传感器信号采集功能、2路数字量输入功能、2路数字量输出功能、串口RS232通信、应用实例、性能测试、注意事项及故障排除等。...
YAV 8AD-24高精度采集卡技术手册
YAV 8AD PRO采集卡,量程0-30V,基于C#开发的窗体演示程序,可以显示实时电压数据,并根据JSP或HTML将数据发送到网页,可以与B/S系统实时通信
YAV javascript验证工具的JSP标签库。 它通过使用简单的验证标签提供自动的客户端和服务器端验证。
YAV WIFI 2AD串口数据采集模块,拥有2路AI,2路DI,2路DO(可驱动5V继电器),其中DI兼容高低电平测试、测频、计数和占空比测量功能,DO兼容高低电平输出、PWM OUT和DA输出功能,可直接配合上百种传感器使用。...
亚为YAV 8AIO无线采集卡为9-24V 直流电源供电,8路AI,8路AO。可直接配合上百种传感器使用,9种自动保护措施,安全方便。无需驱动,采样率可达每通道最高可达 1kHz,可在WindowsXP、WIN7 (32/64 位)、WIN8 (32/64...
YAV UMS main USB采集卡简易例程
模块采集串口配置,WIFI通信的模式。
包含采集、分析、低速/高速显示、波形显示、DI 显示、DO控制、存储、速率调节、测频计数等全功 能程序,适合不懂编程的跨学科人才直接使用。源程序见赠送的资料包 (以下同此)。可实现高速采集。