`

jQuery.metadata导入项目中,把校验写在样式中遇到的问题

阅读更多
对jquery.validate.js的扩展方法
//字节长度       
jQuery.validator.addMethod("byteLength",  function(value, element, param) {  
    var length = value.length;     
    for( var  i = 0; i < value.length; i++){       
       if(value.charCodeAt(i) > 127){       
          length++;       
       }       
    }
    return  this.optional(element) || (length <= param);  
}, "输入长度必须小于{0}个字节(一个中文字算2个字节)");

在jsp页面标签中使用  required为必填,byteLength为扩展方法

<table>
<tr>
<td class="lab">业务系统ID:</td>
<td class="field">
<input type="text" id="bizId" name="bizId" class="input-large { required :true, byteLength :3}"/>
</td>
</tr>


使用后,必填可以校验,字段长度无法校验,调试发现,并没有调用校验方法,不知道是不是class中填写的参数问题?


电话号码扩展校验
//联系电话(手机/电话皆可)验证  
jQuery.validator.addMethod("isPhone", function(value,element) {  
    var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/;  
    var tel = /^\d{3,4}-?\d{7,9}$/;  
    return this.optional(element) || (tel.test(value) || mobile.test(value));  
 
}, "请正确填写您的联系电话");



在jsp页面标签中使用  required为必填,isPhone为扩展方法

<table>
<tr>
<td class="lab">业务系统ID:</td>
<td class="field">
<input type="text" id="bizId" name="bizId" class="input-large { required :true, isPhone :true}"/>
</td>
</tr>
换成电话校验方法后,必填和电话都可以校验,为什么呢,同样是扩展方法,难道扩展方法参数不同(function(value,element)/function(value, element, param)),调用方式不同么?


jquery.validate.js自带的长度校验方法

maxlength: function( value, element, param ) {
var length = $.isArray( value ) ? value.length : this.getLength($.trim(value), element);
return this.optional(element) || length <= param;
}


jsp中使用
<table>
<tr>
<td class="lab">业务系统ID:</td>
<td class="field">
<input type="text" id="bizId" name="bizId" class="input-large { required :true, maxlength :3}"/>
</td>
</tr>


使用后,长度校验还是不行,我看网上很多地方都这么有写,为什么我的就是不行呢?求指教!!!


分享到:
评论

相关推荐

    jquery.metadata.1.0_javascript_jquery_

    标题中的"jquery.metadata.1.0_...尽管这个版本可能较旧,但对于理解元数据的概念以及如何在jQuery中利用它,仍然是有价值的参考资料。同时,提供的不同版本源码可以帮助开发者根据项目需求选择最合适的实现方式。

    jquery.metadata.js

    使用class="{}"的方式,必须引入包:jquery.metadata.js 可以使用如下的方法,修改提示内容: class="{required:true,minlength:5,messages:{required:'请输入内容'}}" 在使用equalTo关键字时,后面的内容必须加上...

    jQuery.metadata.js

    本文将深入探讨jQuery.metadata.js的工作原理、使用方法以及在实际项目中的应用。 首先,元数据(Metadata)是关于数据的数据,通常用于描述一个对象的属性或特性。在Web开发中,元数据可以用来存储关于HTML元素的...

    jquery.metadata.js和jquery.validate.js

    在本主题中,我们重点关注两个与jQuery相关的插件:`jquery.metadata.js`和`jquery.validate.js`,它们对于创建高效、用户友好的表单验证至关重要,特别是在注册和登录等关键界面。 `jquery.metadata.js`是jQuery的...

    Jquery+Jquery.metadata.js

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。jQuery.metadata.js是jQuery的一个插件,它扩展了jQuery的功能,允许开发者从HTML元素中提取元数据...

    jquery.validate.js jquery.metadata.js

    在实际项目中,这两个插件通常与jQuery库一起打包成一个jar文件,以便在Java Web应用中方便地引入和使用。需要注意的是,虽然这里的例子是针对JavaScript和Web前端的,但在Java环境中,可能还需要使用像Spring MVC...

    jquery.metadata.2.1.js

    jquery.metadata.2.1.js

    jquery.metadata.js下载

    jquery.metadata.js下载

    jquery.validate.js jquery.metadata.js jquery.autocomplete.js jquery&UI; chm文档合集

    在本案例中,虽然只提及了`jQuery-UI-Reference-1.5.1 - 快捷方式.lnk`,但通常这会指向一个关于jQuery UI的参考文档,帮助开发者了解和使用这些组件。 总的来说,这个压缩包集合了几个重要的jQuery扩展,它们都是...

    jquery.metadata.js.zip

    《jQuery Metadata插件详解及其应用》 在JavaScript的世界里,jQuery库以其易用性和强大的功能深受开发者喜爱。...在实际项目中,熟练掌握并合理运用jQuery Metadata,无疑能提升开发效率,优化用户体验。

    jquery.metadata.2.0_jquery_

    在其他的网站好不容易才找到的jQuery Metadata模块2.0版本源代码

    jquery.metadata.2.0

    《jQuery Metadata插件详解及其应用》 在Web开发领域,jQuery作为一个强大的JavaScript库,极大地简化了DOM操作,事件处理和Ajax交互。...在实际项目中,结合jQuery的其他功能,Metadata插件可以发挥出更大的作用。

    jquery.metadata

    juery.metadata.js,jquery表单验证插件

    最新jQuery.validate.js+帮助文档:jQuery.validate.js+jquery.metadata.js+messages_cn.js

    jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来...

    干净的myeclipse 8.5的.metadata

    然而,在使用过程中,用户可能会遇到MyEclipse运行速度变慢的问题,这通常与工作空间的配置和元数据有关。`干净的myeclipse 8.5的.metadata`这个压缩包文件就是为了帮助用户解决这一问题。 `.metadata`文件夹是...

    Myeclipse 下 workspace 的 .metadata 配置文件

    在这种情况下,可以通过备份的 `.metadata` 文件恢复,或者重新创建一个新的工作空间,并将项目导入。 10. **迁移与共享** 由于 `.metadata` 文件包含个人设置,所以在团队协作中通常不建议将其纳入版本控制。然而...

    jquery.tablesorter.js +排序、分页、ajax demo

    "jquery.dimensions.pack.js"和"jquery.metadata.js"则是jQuery的扩展插件,分别用于获取元素的尺寸信息和解析元素的元数据,它们在tablesorter中可能用于计算表格的布局或处理自定义的排序参数。 "addons"目录包含...

    jquery插件js.zip

    jquery插件所需要的js代码,包括 jquery.js的不同版本,jquery.cookie.js,jquery.form.js,jquery.metadata.js,jquery.validate.js,jquery.simplemodal.js

    jQuery.Validate在Web中的应用.pdf

    《jQuery.Validate在Web中的应用》这篇文章主要探讨了jQuery Validate这一流行的JavaScript库在Web表单验证中的使用。jQuery Validate是一款强大的验证插件,它为开发者提供了便捷的表单验证功能,适用于各种复杂的...

Global site tag (gtag.js) - Google Analytics