当前位置: 代码迷 >> Web前端 >> jQuery Validate中的细节有关问题
  详细解决方案

jQuery Validate中的细节有关问题

热度:94   发布时间:2012-11-04 10:42:41.0
jQuery Validate中的细节问题
调试jQuery Validate中的代码,最后发现原来的是全角和半角字符的问题,汗啊~~~~ 那个冒号的全角和半角真的长得好像~~~~ 其实对于这种问题还是挺好解决的,学习了一个方法。 就是使用浏览器中的代码检验工具,对症下药!!!!! 另外发现jQuery Validate中可以写拓展代码来实现用户所需的表单验证,如对手机号码和电话号码: (function($) { jQuery.validator.addMethod("mobileValid", function(value, element) { var mob = /^(130|131|132|133|134|135|136|137|138|139|150|153|157|158|159|180|187|188|189)\d{8}$/; return mob.test(value) || this.optional(element); }, "*请输入正确的手机号码");? jQuery.validator.addMethod("telphoneValid", function(value, element) {? var tel = /0\d{2,3}-\d{7,8}|\(0\d{2,3}\)\d{7,8}/; return tel.test(value) || this.optional(element); }, "*请输入正确的电话号码");? })(jQuery); ? 这个代码可以写在新建的js文件中,用于引用,这样增强了代码的重用性。 在JSP页面中jQuery Validate代码就要以这里定义的名称为成员: $("#myform").validate({ rules:{ 'ent.tel':{? required: true ,? telphoneValid: true? }, 'ent.mobile':{ required: true ,? mobileValid: true? } }, messages:{ 'ent.tel':{ required: "*电话号码不能为空!" ,? telphoneValid: "*电话号码格式不正确,格式如:(0512)88888888或0512-88888888!"? }, 'ent.mobile':{ required: "*手机号码不能为空!" ,? mobileValid: "*手机号码格式不正确!"? }? } });
  相关解决方案