Hot!Ajax

  • Increase font size
  • Default font size
  • Decrease font size
  • default color
  • black color

Latest News

Gsearch

Google
Home arrow jQuery arrow jQuery的表单校验插件validate
jQuery的表单校验插件validate
User Rating: / 7
PoorBest 
Wednesday, 10 October 2007

官方网站：http://bassistance.de/jquery-plugins/jquery-plugin-validation/

API: http://jquery.bassistance.de/api-browser/plugins.html

今天试了一下，还是比较方便的，主要是可以与jQuery结合起来做到与HTML分离.

官网的例子里引用了几个js和css文件，但只需引用jquery.validate.js这一个文件即可. 

贴个简单的例子：

 

$(‘#EditView’).validate({

 event: “keyup”,

 rules:{ 

 name:{required:true}, 

 cosa_commodity_group_list:{required:true} 

 }, 

 submitHandler:function(){ 

 $(“#group_list   > option”).attr(“selected”,“selected”);

 $(this).submit(); 

 } 

 });
  

1.event是触发校验的方式，可选值有keyup(每次按键时)，blur(当控件失去焦点时)，不使用这个参数时就只在按提交按钮时触发

 

2.如果在提交前还需要进行一些自定义处理使用submitHandler参数，其它的都比较简单，自己看看API就成了.

3.debug，如果这个参数为true，那么表单不会提交，只进行检查，调试时十分方便.

4.rules，所有的检验规则都写在这个参数里面.

格式为： ID : {rule1,rule2,…}

(1) required: true 必输
(2) number: true 只能输入数字(包括小数)
(3) digits:true 只能输入整数
(4) minValue: 3 不能小于3
(5) maxValue: 100 最大不超过100
(6) rangeValue:[50,100] 值范围为50-100
(7) minLength: 5 最小长度(汉字算一个字符)
(8) maxLength: 10 最大长度(汉字算一个字符)
(9) rangeLength:[5,10] 长度范围为5至10位(汉字算一个字符)
(10) 上面的minLength, maxLength, rangeLength 这三项除了text input之外还可以用于checkbox,select这两种控件
(11) email:true 电子邮件
(12) equalTo: “#field” 与#field值相同
(13) dateISO:true 日期型，格式为1998/01/22 1999-12-12

5.messages，自定义错误信息，格式与rules类似：

 

messages {

 password: {

 required: “请输入您的密码.” 

 minLength: “密码不能小于５位.”, 

 maxLength: “密码不能长于32位.” 

 },
  

 

Comments (0)add comment

Write comment

busy
 
< Prev   Next >
[ Back ]