--------------异步判断数据是否存在----------------------------
$.validator.addMethod("isInfoExist", function(value, element) {
var id= $("#id").val();
var isExist = false;
$.ajax({
url : WEB_ROOT + ‘/nihao/nihao.do‘,
data : {
‘ren.name‘ : name
},
async : false,
dataType : ‘json‘,
success : function(response) {
if (response)
isExist = response.isExist; //后台传回一个布尔变量
}
});
return isExist;
}, "已存在!");
----------------------添加新的判断方法-----------------------------
$.validator.addMethod("isExist", function(value, element) {
var name = $("#name").val();
var isExist = false;
if(name==""){
isExist=false;
}else{isExist = true;};
return isExist;
}, "此处报错误信息!");
---------------validator中通过AJAX实现表单提交----------------------
var options = {
url:$("#form").attr(‘action‘),
type:‘post‘,
dataType : ‘json‘,
success:function(data){
$(document.body).popMsg({
msg : "添加成功!", //弹出提示信息
confirm : function() {
window.location.href = WEB_ROOT + "/nihao/nihao.jsp"; //跳转jsp页面
},
close : function() {
window.location.href = WEB_ROOT + "nihao.jsp";
}
});
},
error:function(data){
$(document.body).popMsg({
msg : "添加失败!",
confirm : function() {
}
});
}
};
var validator = $("#form").validate({ //此处是绑定form表单 id
------------------------实现表单ajax提交--------------------------------------------
submitHandler : function(form){
$(form).ajaxSubmit(options);
},
------------------------------------------------------------------------------------
‘rules‘ : { // 定义验证规则
‘ren.id‘ : { // 控件jsp中 实体name
required : true, //validator有很多自带属性 required 表示非空
isInfoExist:true //自定义方法
},
‘ren.name‘ : {
required : true,
isExist:true
},
},
--------------------判断提示信息------------------------------
messages : {
‘ren.id‘ : { // 控件jsp中 实体name
required : "请填写id",
},
‘ren.name‘ : {
required : "请填写name",
},
},
----------------------提示信息位子------------------------------
errorPlacement : function(error, element) {
if (element.is(":radio"))
error.appendTo(element.parent());
else if (element.is(":checkbox"))
error.appendTo(element.parent());
else if (element.is("input[name=captcha]"))
error.appendTo(element.parent());
else
error.insertAfter(element);
},
----------------------成功之后清空提示信息追加right样式(可以添加图片)------------------------------
success : function(label) {
label.html(" ").addClass("right");
},
error : function() {
}
});