validate前端验证

一．表单验证

$(function(){

$.validator.addMethod("chinese",function(value){

var reg_chinese = /^[u4e00-u9fa5]$/;

return !reg_chinese.test(value);

});

$("form").validate({

rules:{

eid:{

required:true,

digits:true,

rangelength:[3,3],

remote:{

url:"Servlet?type=check",

type:"post",

dataType:"json",

}

},

ename:{

required:true,

chinese:true,

rangelength:[2,4],

},

age:{

required:true,

digits:true,

range:[1,100]

},

sex:{

required:true,

},

hobby:{

required:true,

},

birthday:{

required:true,

date:true,

},

did:{

required:true,

}

},

messages:{

eid:{

required:"请输入",

digits:"请输入数字",

rangelength:"请输入3位数字",

remote:"编号已存在",

},

ename:{

required:"请输入",

chinese:"请输入汉字",

rangelength:"请输入2-4位",

},

age:{

required:"请输入",

digits:"请输入数字",

range:"请输入1-100数字",

},

sex:{

required:"请输入",

},

hobby:{

required:"请输入",

},

birthday:{

required:"请输入",

date:"日期格式不正确",

},

did:{

required:"请输入",

}

},

submitHandler:function(){

$.ajax({

url:"Servlet?type=addto",

data:$("form").serialize(),

type:"post",

dataType:"json",

success:function(obj){

if(obj){

alert("添加成功！");

location.href="Servlet?type=list";

}else{

alert("删除失败！");

}

}

});

}

});

});

 

二．自动补全

$(function () {

  $("input:eq(0)").autocomplete({

//disabled: true, //设为true自动提示就不显示了

//delay: 200, //延迟200毫秒出现

//minLength: 2, //出现提示的最小字符数

source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby","w","word","saw","强强","韩强","小强" ], //数据源

/* focus: function(){

//alert("focus");

},//当提示信息获得焦点时触发的事件

select: function(event){ //当选中某一个下拉条目时，触发执行该函数

//alert("select");

},

close: function(){

//alert("close");

},

search: function(){ //当开始搜索内容时，触发执行该函数

//return false; //返回false可以取消请求

//alert("search");

},

open: function(){

//alert("open");

 } //当开始搜索内容时，触发执行该函数 */

});

  });