校验字段组件:支持对 名字、身份证、手机号码

component-checkSet

组件名称:字段校验组件
组件功能:支持对 名字、身份证、手机号码、家庭电话、电子邮箱、金额、密码 等字段的动态配置校验
组件使用示例:

/** * 校验名字(真实姓名或昵称) * return:boolean类型 * $name:Object类型 - 名字对象 * type:String类型 - 真实姓名('realName');昵称('nickName') * $tip:Object类型 - 错误提示语载体对象 * required:boolean类型 - 必填(true)或非必填(false) */ //真实姓名校验 var $realName = $('#J_RealName'); $realName.on('blur',function(){ var validateRealNameFlag = checkSetInstance.validateName($realName,'realName',$errorTip,true); }); //昵称校验 var $nickName = $('#J_NickName'); $nickName.on('blur',function(){ var validateNickNameFlag = checkSetInstance.validateName($nickName,'nickName',$errorTip,false); }); /** * 校验身份证 * return:boolean类型 * $IdCard:Object类型 - 身份证对象 * $tip:Object类型 - 错误提示语载体对象 * required:boolean类型 - 必填(true)或非必填(false) */ //身份证校验 var $IdCard = $('#J_IdCard'); $IdCard.on('blur',function(){ var validateIdCardFlag = checkSetInstance.validateIdCard($IdCard,$errorTip,true); }); /** * 校验手机号码 * return:boolean类型 * $phone:Object类型 - 手机号码对象 * $tip:Object类型 - 错误提示语载体对象 * required:boolean类型 - 必填(true)或非必填(false) */ //手机号码校验 var $mobilePhone = $('#J_MobilePhone'); $mobilePhone.on('blur',function(){ var validateMobilePhoneFlag = checkSetInstance.validateMobilePhone($mobilePhone,$errorTip,true); }); /** * 校验家庭号码(匹配手机号码和带区号的电话号码) * return:boolean类型 * $phone:Object类型 - 家庭号码对象 * $tip:Object类型 - 错误提示语载体对象 * required:boolean类型 - 必填(true)或非必填(false) */ //家庭电话校验 var $telePhone = $('#J_TelePhone'); $telePhone.on('blur',function(){ var validateTelePhoneFlag = checkSetInstance.validateTelePhone($telePhone,$errorTip,false); }); /** * 校验电子邮箱 * return:boolean类型 * $email:Object类型 - 电子邮箱对象 * $tip:Object类型 - 错误提示语载体对象 * required:boolean类型 - 必填(true)或非必填(false) */ //电子邮箱校验 var $email = $('#J_Email'); $email.on('blur',function(){ var validateEmailFlag = checkSetInstance.validateEmail($email,$errorTip,false); }); /** * 校验金额 * return:boolean类型 * $money:Object类型 - 金额对象 * minNumber:Number类型(float) - 最小金额 * maxNumber:Number类型(float) - 最大金额 * $tip:Object类型 - 错误提示语载体对象 * required:boolean类型 - 必填(true)或非必填(false) */ //金额校验 var $money = $('#J_Money'); $money.on('blur',function(){ var validateMoneyFlag = checkSetInstance.validateMoney($money,0,100,$errorTip,false); }); /** * 校验密码 * return:boolean类型 * $pwd:Object类型 - 登录密码对象 * $rePwd:Object类型 - 确认密码对象 * type:String类型 - 密码类型('pwd':校验登录密码;'rePwd':校验确认密码) * $tip:Object类型 - 错误提示语载体对象 * required:boolean类型 - 必填(true)或非必填(false) */ //登录密码校验 var $pwd = $('#J_Pwd'); var $rePwd = $('#J_RePwd'); $pwd.on('blur',function(){ var validatePwdFlag = checkSetInstance.validatePwd($pwd,null,'pwd',$errorTip,true); }); //确认密码校验 $rePwd.on('blur',function(){ var validateRePwdFlag = checkSetInstance.validatePwd($pwd,$rePwd,'rePwd',$errorTip,true); });

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。