调试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: "*手机号码格式不正确!" } } });
jQuery Validate中的细节问题
最新推荐文章于 2021-02-20 13:10:18 发布