jQuery 表单验证扩展_jquery_脚本之家

密码2:

密码1:

数字之间的求证

失去核心验证成功

字符串之间的相比效果与利益图

数字证实得到核心提示成效

密码1:

密码2:

以上是对字符的相比较印证,其证实地度量试代码如下复制代码 代码如下:

Untitled Document

获得主旨时候提示

数字印证失去宗旨验证败北

数字证实失去宗旨验证成功复制代码
代码如下:

Untitled Document

错失大旨验证错误提示

周六写的 jQuery 表单验证扩大那篇文章点击率过低,不知底是作品太失水准如故什么其余原因,这里写文章只是为了分享一下和谐写代码的体会,相同的时候也是加强盛团结所学的东西!要是小说中存在难点,请大家多多斧正!本篇作品介绍jQuery
表单验证扩展中的控件值的可比 . 存在的标题
那篇小说和率先篇中涉及的控件值之间的比较未有多大的差异,唯风华正茂更近的便是在样式的拍卖。同临时间纵然对代码进行了简化。可是这里仍旧单独拿出来说解一下,此文特轻松,所以不会有大篇幅的上课。
. 参数介绍 onFocusText:得到核心提醒文字 onFocusClass:获得大旨样式
onEmptyText:当输入项为空呈现文字 onEmptyClass:当输入项为空显示样式
onErrorText:验证错误展现文字 onErrorClass:输入验证错误展现样式
onSuccessText:输入成功展现文本 onSuccessClass:输入成功体现样式
comType:相比类型 dataType:输入相比内容的数据类型
dataType:输入相比较内容的数据类型 comId:相相比的指标控件ID
targetId:用于体现提醒音讯的控件id 这里的可比类型分为如下两种: “==” “!=”
“>” “>=” “. 控件值之间的可比源码深入分析 jQuery控件值之间的相比较源码深入剖析 复制代码 代码如下: /** *
onFocusText:得到核心提醒文字 * onFocusClass:得到主题样式 *
onEmptyText:当输入项为空展现文字 * onEmptyClass:当输入项为空展现样式 *
onErrorText:验证错误展现文字 * onErrorClass:输入验证错误呈现样式 *
onSuccessText:输入成功体现文本 * onSuccessClass:输入成功展示样式 *
comType:相比较类型 * dataType:输入相比较内容的数据类型 *jQuery 表单验证扩展_jquery_脚本之家。
comId:相比较的指标控件ID * targetId:用于显示提示音讯的控件id * @param
{Object} inputArg */ $.fn.extend({ checkCompare:function{
//只验证输入框新闻 if || ${ if!=”radio” && $!=”checkbox”卡塔尔{
//绑定拿到宗旨事件 $.bind{ var value=$; if(value!=undefined &&
value!=””卡塔尔(قطر‎{ }else{ //展现获得大旨文本
addText(inputArg.targetId,inputArg.onEmptyText卡塔尔; //切换样式
addClass(inputArg.targetId,inputArg.onEmptyClassState of Qatar; } }卡塔尔国;
//绑定失去大旨事件 $.bind{ var value=$; if(value==undefined ||
value==””State of Qatar{ //突显获得主题文本
addText(inputArg.targetId,inputArg.onEmptyTextState of Qatar; //切换样式
addClass(inputArg.targetId,inputArg.onEmptyClass卡塔尔国; }else{ var
targetValue=$.val(State of Qatar; var flag=false; switch{ case “text”:
if(inputArg.comType == “==”卡塔尔{ flag=value==targetValue?true:false; }else
if(inputArg.comType==”!=”){ flag=value!=targetValue?true:false; } break;
case “number”: if(inputArg.comType==”==”){
flag=value==targetValue?true:false; }else if(inputArg.comType==”!=”){
flag=value!=targetValue?true:false; }else if(inputArg.comType==”>”卡塔尔(قطر‎{
flag=value>targetValue?true:false; }else
if(inputArg.comType==”>=”卡塔尔(قطر‎{ flag=value>=targetValue?true:false;
}else if(inputArg.comType==”添Gavin本和样式信息 作用代码深入分析 复制代码 代码如下: /** *
遵照输入框的例外品类来推断 * @param {Object} flag * @param {Object}
inputArg */ function addMessage{ if{ //显示准确新闻文本
addText(inputArg.targetId,inputArg.onSuccessText卡塔尔国; //切换样式
addClass(inputArg.targetId,inputArg.onSuccessClass); }else{
//展现错误音信文本 addText(inputArg.targetId,inputArg.onErrorTextState of Qatar;
//切换样式 addClass(inputArg.targetId,inputArg.onErrorClass卡塔尔(قطر‎; } } /**
* 给指标控件加多展现的文件音信 * @param {Object} targetId 目的控件id
* @param {Object} text 须要呈现的文件信息 */ function addText{ if{
text=””; } $.html; } /** * 切换样式 * @param {Object} targetId
目的控件id * @param {Object} className 展现的样式名称 */ function
addClass{ if(classNamewww.6766.com ,!=undefined && className!=””卡塔尔(قطر‎{
$.removeClass.addClass; } }
内容依旧一直以来,未有做任何改动,这里再度贴出这段代码,是为着方便查看方法体,未有其它的作用!

随笔内容不想做过多的表明了,此文非常轻巧,相对于前方几篇小说来讲。表单验证扩充不断更新中,后续期望…………

. 使用例子

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图