php form validator 下单,formValidator的一些验证实例

$(function () {

try {

$.formValidator.initConfig({

formid: "formTable",

errorfocus: false,

submitonce: true,

tipstyle: "both",

onerror: function () { // 验证不通过时的回调函数

alert("红色提示处输入非法，请根据提示修改！");

}

});

//验证字符串(必填)

$("#name").formValidator({ // 验证：模块名称

onshow: "(必填)",

onfocus: "(必填)不超过50个字符",

oncorrect: "(正确)"

}).inputValidator({

min: 1,

max: 50,

onerrormin: "(错误)不能为空",

onerrormax: "(错误)不超过50个字符，汉字算两个字符"

});

//验证字符串(选填)

$("#name").formValidator({ // 验证：模块名称

onshow: "(选填)",

onfocus: "(选填)不超过50个字符",

oncorrect: "(正确)",

empty: true

}).inputValidator({

min: 1,

max: 50,

onerrormin: "(错误)不能为空",

onerrormax: "(错误)不超过50个字符，汉字算两个字符"

});

//验证时间

$("#addDate").formValidator({ // 验证：发送时间

onshow: "(必填)",

onfocus: "(必填)请选择操作时间",

oncorrect: "(正确)"

}).functionValidator({

fun: function (val, elem) {

if (!/^\d{4}-\d{2}-\d{2}[ ]\d{2}:\d{2}$/.test(val)) {

return "(错误)请选择操作时间";

}

return true;

}

});

//ajax验证

$("#account").formValidator({ // 验证：模块名称

onshow: "(必填)",

onfocus: "(必填)不超过50个字符",

oncorrect: "(正确)"

}).inputValidator({

min: 1,

max: 50,

onerrormin: "(错误)不能为空",

onerrormax: "(错误)不超过50个字符，汉字算两个字符"

}).ajaxValidator({

type: "post",

url: "EnterpriseManage!ajaxValidatorUserAccount.action",

success: function (data) {

if (data == "0") {

return true;

} else if (data == "1") {

return false;

}

},

onerror: "该账号已被占用，请更换！"

});

//密码及重复密码验证

$("#password").formValidator({ // 验证：模块名称

onshow: "(必填)",

onfocus: "(必填)不超过11个字符",

oncorrect: "(正确)"

}).inputValidator({

min: 1,

max: 50,

onerrormin: "(错误)不能为空",

onerrormax: "(错误)不超过11个字符，汉字算两个字符"

});

$("#passwordRepeat").formValidator({

onshow: "(必填)",

onfocus: "(必填)2次密码必须一致",

oncorrect: "(正确)"

}).compareValidator({

desid: "password",

operateor: "=",

onerror: "(错误)2次密码不一致,请确认"

});

//图片格式验证

$("#tcCodeLogo").formValidator({

onshow: "(选填)",

onfocus: "(选填)请上传图片文件",

oncorrect: "(正确)",

empty: true

}).regexValidator({

regexp: regexEnum.picture,

onerror: "只能上传图片文件"

});

//数值验证

$("#nameNum").formValidator({ // 验证：模块名称

onshow: "(必填)",

onfocus: "(必填)值1到50",

oncorrect: "(正确)"

}).inputValidator({

min: 1,

max: 50,

type: "value",

onerrormin: "(错误)不能为空",

onerrormax: "(错误)值1到50"

});

//电话验证

$("#linkPhone").formValidator({

onshow: "(选填)",

onfocus: "(选填)",

oncorrect: "(正确)",

empty: true

}).regexValidator({

regexp: "^(\\d{3,4}-?\\d{7,8}|(13|15|18)\\d{9})$",

onerror: "(错误)电话号码格式不正确，请检查"

});

//EMail验证

$("#linkEmail").formValidator({

onshow: "(选填)",

onfocus: "(选填)请选择正确EMail格式",

oncorrect: "(正确)",

empty: true

}).regexValidator({

regexp: regexEnum.email,

onerror: "(错误)Email格式不正确，请检查"

});

//select验证

$("#testSelect").formValidator({

onshow: "(必填)",

onfocus: "(必填)请选择选项",

oncorrect: "(正确)"

}).inputValidator({

min: 0, //开始索引

onerror: "你是不是忘记选择学历了!"

});

//隐藏时，默认验证通过

$("#smsProductName").formValidator({ // 验证

onshow: "(必填)",

onfocus: "(必填)不超过50个字符，汉字算两个字符",

oncorrect: "(正确)"

}).functionValidator({

fun: function (val, elem) {

if ($("#smsProductName").is(":hidden")) {

return true;

}

if (!/^\S{1,50}$/.test(val)) {

return "(错误)不超过50个字符，汉字算两个字符";

}

return true;

}

});

//多选选择框的验证方式 略有点复杂了

$(":checkbox[name='productType']").formValidator({

onshow: "(至少选择一个)",

onfocus: "(至少选择一个)",

oncorrect: "(正确)"

}).functionValidator({

fun: function (val, elem) {

var objs = $(":checkbox[name='productType']");

for (var i = 0; i < objs.length; i++) {

if ($(objs[i]).attr("checked") == true) {

$('#productTypeTip').removeClass();

$('#productTypeTip').addClass("onSuccess");

$('#productTypeTip').html();

$('#productTypeTip').html("正确");

return true;

}

}

$('#productTypeTip').removeClass();

$('#productTypeTip').addClass("onError");

$('#productTypeTip').html();

$('#productTypeTip').html("(至少选择一项)");

return false;

}

});

} catch (e) {

alert(e);

}

});