黑马程序员技术交流社区

标题: 秒杀Jquery中的API技术要点(二) [打印本页]

作者: a_dream    时间: 2014-4-16 14:28
标题: 秒杀Jquery中的API技术要点(二)

一、addMethod(name,method,message)方法:
  
参数name是添加的方法的名字
  
参数method是一个函数,接收三个参数(value,element,param) value是元素的值,element是元素本身 param是参数,我们可以用addMethod来添加除built-in Validation methods之外的验证方法 比如有一个字段,只能输一个字母,范围是a-f,写法如下:
  
  
$.validator.addMethod("af",function(value,element,params){
  
   if(value.length>1){
  
    return false;
  
   }
  
   if(value>=params[0]  && value<=params[1]){
  
    return true;
  
   }else{
  
    return false;
  
   }
  
},"必须是一个字母,且a-f");
  
用的时候,比如有个表单字段的id="username",则在rules中写
  
username:{
  
    af:["a","f"]
  
}
  
  
addMethod的第一个参数,就是添加的验证方法的名子,这时是af
  
addMethod的第三个参数,就是自定义的错误提示,这里的提示为:"必须是一个字母,且a-f"
  
addMethod的第二个参数,是一个函数,这个比较重要,决定了用这个验证方法时的写法
  
如果只有一个参数,直接写,如果af:"a",那么a就是这个唯一的参数,如果多个参数,用在[]里,用逗号分开

二、meta String方式:
  
$("#myform").validate({
  
   meta:"validate",
  
   submitHandler:function() {  alert("Submitted!") }
  
})
  
<script  type="text/javascript"  src="js/jquery.metadata.js"></script>
  
<script  type="text/javascript"  src="js/jquery.validate.js"></script>
  
<form id="myform">
  
  <input type="text"  name="email" class="{validate:{ required:true,email:true  }}" />
  
  <input type="submit"  value="Submit" />
  
</form>
作者: show_play    时间: 2014-4-16 14:36
不觉名厉!




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2