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

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

1.样式

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

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

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

结果：

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

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 姓名：
 
  
 
 
 $("#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:'姓名必须全为中文' 
  } 
 }); 
 

结果：

4.练习3：验证邮箱

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

结果：

5.文档

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

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

网站名称：jQueryEasyUI之验证框validatebox怎么用-创新互联
文章出自：http://kswsj.cn/article/csoisc.html