首页 > 代码库 > formValidator的一些验证实例
formValidator的一些验证实例
$(function () { try { $.formValidator.initConfig({ formid: "formTable", errorfocus: false, submitonce: true, tipstyle: "both", one rror: function () { // 验证不通过时的回调函数 alert("红色提示处输入非法,请根据提示修改!"); } }); //验证字符串(必填) $("#name").formValidator({ // 验证:模块名称 onshow: "(必填)", onfocus: "(必填)不超过50个字符", oncorrect: "(正确)" }).inputValidator({ min: 1, max: 50, one rrormin: "(错误)不能为空", one rrormax: "(错误)不超过50个字符,汉字算两个字符" }); //验证字符串(选填) $("#name").formValidator({ // 验证:模块名称 onshow: "(选填)", onfocus: "(选填)不超过50个字符", oncorrect: "(正确)", empty: true }).inputValidator({ min: 1, max: 50, one rrormin: "(错误)不能为空", one rrormax: "(错误)不超过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, one rrormin: "(错误)不能为空", one rrormax: "(错误)不超过50个字符,汉字算两个字符" }).ajaxValidator({ type: "post", url: "EnterpriseManage!ajaxValidatorUserAccount.action", success: function (data) { if (data =http://www.mamicode.com/="0") { return true; } else if (data =http://www.mamicode.com/="1") { return false; } }, one rror: "该账号已被占用,请更换!" }); //密码及重复密码验证 $("#password").formValidator({ // 验证:模块名称 onshow: "(必填)", onfocus: "(必填)不超过11个字符", oncorrect: "(正确)" }).inputValidator({ min: 1, max: 50, one rrormin: "(错误)不能为空", one rrormax: "(错误)不超过11个字符,汉字算两个字符" }); $("#passwordRepeat").formValidator({ onshow: "(必填)", onfocus: "(必填)2次密码必须一致", oncorrect: "(正确)" }).compareValidator({ desid: "password", operateor: "=", one rror: "(错误)2次密码不一致,请确认" }); //图片格式验证 $("#tcCodeLogo").formValidator({ onshow: "(选填)", onfocus: "(选填)请上传图片文件", oncorrect: "(正确)", empty: true }).regexValidator({ regexp: regexEnum.picture, one rror: "只能上传图片文件" }); //数值验证 $("#nameNum").formValidator({ // 验证:模块名称 onshow: "(必填)", onfocus: "(必填)值1到50", oncorrect: "(正确)" }).inputValidator({ min: 1, max: 50, type: "value", one rrormin: "(错误)不能为空", one rrormax: "(错误)值1到50" }); //电话验证 $("#linkPhone").formValidator({ onshow: "(选填)", onfocus: "(选填)", oncorrect: "(正确)", empty: true }).regexValidator({ regexp: "^(\\d{3,4}-?\\d{7,8}|(13|15|18)\\d{9})$", one rror: "(错误)电话号码格式不正确,请检查" }); //EMail验证 $("#linkEmail").formValidator({ onshow: "(选填)", onfocus: "(选填)请选择正确EMail格式", oncorrect: "(正确)", empty: true }).regexValidator({ regexp: regexEnum.email, one rror: "(错误)Email格式不正确,请检查" }); //select验证 $("#testSelect").formValidator({ onshow: "(必填)", onfocus: "(必填)请选择选项", oncorrect: "(正确)" }).inputValidator({ min: 0, //开始索引 one rror: "你是不是忘记选择学历了!" }); //隐藏时,默认验证通过 $("#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("<nobr>正确</nobr>"); return true; } } $(‘#productTypeTip‘).removeClass(); $(‘#productTypeTip‘).addClass("onError"); $(‘#productTypeTip‘).html(); $(‘#productTypeTip‘).html("<nobr>(至少选择一项)</nobr>"); return false; } }); } catch (e) { alert(e); }});
作者: 火地晋
出处:http://yelaiju.cnblogs.com
formValidator的一些验证实例
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。