`
xiaoliang330
  • 浏览: 112744 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

jquery验证框架使用

    博客分类:
  • web
 
阅读更多

1.使用jquery的表单验证框架,需要导入jquery的库文件,包括
jquery-1.6.2.min.js    (当前我们在使用的jquery核心库版本)
jquery.validate.js    
(验证框架需要和jquery的核心库的版本匹配,之前的版本与1.6.2的核心库不匹配,现在已做调整)
jquery.metadata.js     (在表单中需要写这样的class="{required:true, email:true,
maxlength:64}"表达式时,需要导入此文件,之前库中缺少此文件)
validate.ex.js         (我们自己的扩展库,里面自定义的中文提示)

2.导入库文件示例:
<script type="text/javascript" 
src="../../jslib/jquery/jquery-1.6.2.min.js"></script>
<script type="text/javascript" 
src="../../jslib/jquery/jquery.metadata.js"></script>
<script type="text/javascript" 
src="../../jslib/jquery/jquery.validate.js"></script>
<script type="text/javascript" 
src="../../jslib/validate.ex.js"></script>


3.需要限定输入长度时,需要在限制输入长度的文本框里的class 中 书写如下表达式:
 
 class="{required:true, email:true, maxlength:64}" 
 
(注意,书写带‘{}’的表达式时,一定要导入库文件jquery.metadata.js )


4.其他书写方法:
 
 class="required digits" 
表示的是此项为必须输入项, 且输入的内容为整数,具体限制属性,可以查看
validate.ex.js


分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics