网上的各类表单验证插件的验证规则都是写在脚本里的,但我的插件的验证规则却是写在表单元素的属性里的。如下面的例子:
复制代码 代码如下:
<input name="name" type="text" id="name" size="30" jvpattern="^.+$" jverrortip="请输入正确的姓名." jvtipid="spt_name" jvmethod="checkname" />
<span id="spt_name" class="normaltips" jverrorclass="errortips" jvcorrectclass="correcttips"></span>
注意看上面代码中以“jv“开头的各种属性名,这些都是表单验证插件需要用的属性值。其中各属性代表的意思请阅读以下表:
1、form表格控件元素可使用的属性:
| 属性名 |
说明 |
| jvpattern |
用来验证控件值是否正确的正则表达式。(可不定义此属性) |
| jvcompareid |
需要与当前控件进行值相等比较的其它控件id。(可不定义此属性) |
| jvrequired |
表明当前控件值是否是必须的,也即是否允许当前控件值为空。如不定义此属性则默认为不可空,如果值为false或0则允许为空。(可不定义此属性) |
| jvmethod |
定义需要进行额外验证的方法。(可不定义此属性)
此属性值如果定义,则不需要输写“括号”,并且函数原型为:
xx function(item){
//代码
//true表示验证成功,false表示验证失败。
return true/false;
//或者带错误消息的返回
return {result:true/false, message:'错误消息'};
}
其中item参数是当前控件对象的jQuery实例。 |
| jvtipid |
显示验证提示信息的控件id。(可不定义此属性)
注:如果不定义此属性,并且未定义onerror或oncorrect函数则默认为alert提示 |
| jverrortip |
当验证失败时要显示的提示信息。(可不定义此属性) |
| jvcorrecttip |
当验证成功时要显示的提示信息。(可不定义此属性) |
| jvfocuson |
当验证失败后是否需要将光标移到控件上。(可不定义此属性) |
控件上必须定义:jvpattern、jvmethod、jvcompareid 三者之中的一个或多个,否则插件将不对对应的控件进行验证。
2、tip提示控件元素可使用的属性:tip提示控件即是某个表单控件jvtipid指定的控件。
| 属性名 |
说明 |
| jvnormalclass |
正常情况下显示提示信息时采用的css样式的classname。(可不定义此属性) |
| jvcorrectclass |
验证成功后显示提示信息时采用的css样式的classname。(可不定义此属性) |
| jverrorclass |
验证失败后显示提示信息时采用的css样式的classname。(可不定义此属性) |
当控件规则设置好后就可以直接激活调用jValidate,以便当表单进行submit提交前,进行验证检查。
示例:
$('form').jValidate();
或者带参数的调用:
$('form').jValidate({
blurvalidate : true,
isbubble : false,
onerror : function(item,form){
$.jMessageBox.show('错误', item.attr('jverrortip'));
}
});
可设置的参数请阅读下表:
| 参数名 |
说明 |
| isbubble |
是否允许“冒泡”,也即是否允许逐个检查各控件值,如果值为true,则会逐一检查验证所有已设置验证规则的控件;如果值为false则当有一个控件值验证失败(不符合条件)后,将退出后续控件的检查。默认值为false
注:如果提示信息是以弹出窗口方式显示的,建议将此值设置为false,以免一下子弹出较多提示,引起用户反感。 |
| blurvalidate |
设置当个个控件失去焦点后是否需要即时检查验证。默认值为false。 |
| emptytip |
是否允许空提示。也即是当没有提示信息可显示时,是否还允许提示控件改变css类。默认值为false |
| oncorrect |
当控件值验证成功时调用处理的方法,如果未定义则采用默认行为。函数原型:
function(item, form){
//代码
}
其中参数item: 表示当前控件的jQuery实例; form : 表示控件所在的表单实例 |
| onerror |
当控件值验证失败时调用处理的方法,如果未定义则采用默认行为。函数原型:
function(item, form){
//代码
}
其中参数item: 表示当前控件的jQuery实例; form : 表示控件所在的表单实例 |
示例截图:
源码下载 压缩包附带jMessageBox示例
https://www./jiaoben/23094.html
相关推荐:
wordpress seo是什么,wordpress建站seo好做吗 ,学习图文ai
ChatGPT40不收费版本:科技革新,智能助手助力生活与工作,ai医疗武器有哪些
什么是“神马关键词”?如何用它提升你的网络营销效果?,新闻发布网站怎么做推广
ChatGPT为什么打不开?背后原因与解决方案,慧ai写作
用AI写文,开启创作新时代
SEO优化全攻略提升网站排名的关键步骤与未来趋势,这是什么新晋动画ai
文字生成AI:开启创意写作的新纪元
ChatGPT不能用了?了解这一背后的真相及解决方法,ai恐怖头像
Bing搜索不能预览了?搜索引擎的新变革与挑战,ai制作一张窗花
SEO找出网站流量提升的终极策略,带你走向搜索引擎巅峰!,朝阳模板网站建设价格
SEO就是:让你的品牌脱颖而出,获得更多曝光与流量,梅岭关键词排名优化
ChatGPT的诞生,预示着人工智能大规模应用的时代已经来临,ai此生不渝
AI自动生成:开启智能时代的无限可能,ai熊熊图片
seo软件工具,seo软件是什么 ,AI妆容
SEO要素:优化网站排名的关键因素全解析,棒球大联盟营销推广文案
AI搜索相似文章怎么做?揭秘高效文章检索的核心技术!,程式ai软件
SEO与网络推广机构:如何选择最适合你的数字营销合作伙伴,ai写作软件性价比高吗
SEO优化基础:让你的网站脱颖而出的秘密武器,模仿猫ai
用AI修改文章,提升写作效率与质量的新时代
seo需要会什么技术呢,seo需要会什么技术呢知乎 ,红色框ai
互联网留痕:数字时代的隐形轨迹与自我管理,灯塔网站推广包年多少钱
怎么识别是AI写的文章
SEO新闻:2025年最新趋势与最佳实践,你不可错过的SEO战略,郑州网络营销推广的优势
SEO包含的秘密:让你的网站轻松排上首页,新媒体营销推广方案目录
SEO文案:如何通过巧妙布局提升网站排名,吸引更多流量,娄底网站建设工作文案
优化网站的秘诀:提高网站速度与用户体验,助力业务腾飞,旅游网站建设步骤
ChatGPT的超链接点不开?解决方法一网打尽!,情感ai写作指令是什么
ChatGPT页面无法翻阅?带你深度了解背后的原因与解决方案,pdf怎么转换ai文字
SEO运营工作是什么,seo公司运营 ,720516AI
seo种草什么意思,seo yoo na ,三维地震反演AI
ChatGPT显示503:如何应对AI服务不可用的困境?,ai宝贝宝贝
AI人物生成:重新定义虚拟形象创作的未来
AI自动化:开启智能未来的无限可能,simplify ai
ChatGPT4网页空白:重新定义智能交互的未来,怎么登ai
如何用AI写公众号文章?让创作更高效、更轻松
ChatGPTApp怎么调大字体?提升阅读体验,让文字更清晰,推荐ai音频
什么是seo快排,seo快排方案 ,ai剪图形
SEO赚钱:如何通过SEO技能在网络上实现财富自由,网站怎么建设推广平台
SEO百度优化:让你的品牌在搜索引擎中脱颖而出,日照网站推广策划
seo网络推广要做什么,seo 网络推广 ,ai少女喝药
Goanno跨级借鉴:推动创新与提升效率的秘密武器,崇明区智能ai艾灸费用
SEO攻略:搜索引擎优化,快速提升网站排名,网站推广网站优化费用
在线AI生成文章:智能写作的未来趋势
文章AI扩写:突破创作瓶颈,提升写作效率的秘密武器
AI生成文章免费工具,让创作变得轻松又高效,ai安心健
SEO观看:如何通过优化提升您的网站流量和品牌影响力,龙里网络营销推广
AI免费写作一键生成,效率与创意的完美结合
AI免费生成文章的软件:轻松创作的秘密武器
ChatGPT网页版为什么不能用了?解析原因与解决办法,女人莫名其妙想ai
ChatGPT付款银行卡被拒绝?解决方案全解析!,小发猫ai智能写作查重能过吗