网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

jQueryEasyUI之验证框validatebox怎么用-创新互联

这篇文章主要介绍jQuery EasyUI之验证框validatebox怎么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

目前成都创新互联公司已为近1000家的企业提供了网站建设、域名、网络空间、网站运营、企业网站设计、巴宜网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

1.样式

jQuery EasyUI之验证框validatebox怎么用

validatebox(验证框)的设计目的是为了验证输入的表单字段是否有效。如果用户输入了无效的值,它将会更改输入框的背景颜色,并且显示警告图标和提示信息。该验证框可以结合form(表单)插件并防止表单重复提交。

2.练习1:验证输入字符长度及非空

 
 
 
 
validatebox 
 
 
   
 
 
 
 
 
 
  姓名:

       $("#validateboxID").validatebox({    required:true,    validType:['length[1,6]','zhongwen']   });   

结果:

jQuery EasyUI之验证框validatebox怎么用

jQuery EasyUI之验证框validatebox怎么用

3.练习2:自定义规则作为输入框验证规则

 
 
 
 
validatebox 
 
 
 
 
 
 
 
 
 
 姓名:

          $("#validateboxID").validatebox({    required:true,    validType:['length[1,6]','zhongwen']   });   $.extend($.fn.validatebox.defaults.rules,{    zhongwen:{     validator:function(value){      //如果符合中文      if(/^[\u3220-\uFA29]*$/.test(value)){       return true;      }     },     //如果不符合中文,以下就是提示信息     message:'姓名必须全为中文'    }   });   

结果:

jQuery EasyUI之验证框validatebox怎么用

jQuery EasyUI之验证框validatebox怎么用

4.练习3:验证邮箱

 
 
 
 
validatebox 
 
 
 
   
 
 
 
 
 
 
 邮箱:

       $("#emailID").validatebox({    required:true,    validType:['length[1,30]','email']       });   

结果:

jQuery EasyUI之验证框validatebox怎么用

jQuery EasyUI之验证框validatebox怎么用

5.文档

jQuery EasyUI之验证框validatebox怎么用

jQuery EasyUI之验证框validatebox怎么用

jQuery EasyUI之验证框validatebox怎么用

jQuery EasyUI之验证框validatebox怎么用

以上是“jQuery EasyUI之验证框validatebox怎么用”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联网站建设公司行业资讯频道!

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


标题名称:jQueryEasyUI之验证框validatebox怎么用-创新互联
文章路径:http://bjjierui.cn/article/csoisc.html

其他资讯