摘要: 自定义错误消息的显示方式默认情况下,验证提示信息用label元素来显示, 并且会添加css class, 通过css可以很方便设置出错控件以及错误信息的显示方式。/* 输入控件验证出错*/form input.error { border:solid 1px red;}/* 验证错误提示信息*/form label.error{width: 200px;margin-left: 10px; color: Red;}如果想自定义显示方式,可以修改jquery.validate的默认显示方式默认用label显示错误消息,可以通过errorElement属性来修改errorElement: 错误消息 阅读全文
posted @ 2013-05-31 14:33 史红星-shihongxing 阅读(131) 评论(0) 推荐(0) 编辑
摘要: 一些常用的验证脚本不会写js了,只能从网上找一些常用的验证脚本。// 手机号码验证jQuery.validator.addMethod("mobile", function(value, element) { var length = value.length; var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/ return this.optional(element) || (length == 11 && mobile.test(value));}, "手机号码格式错误"); / 阅读全文
posted @ 2013-05-31 14:33 史红星-shihongxing 阅读(220) 评论(0) 推荐(0) 编辑
摘要: 自定义jquery-validate的验证行为1: 自定义表单提交设置submitHandler来自定义表单提交动作$(".selector").validate({ submitHandler: function(form) { alert("验证通过"); }});如果需要提交表单,可以调用form.submit(); 或者$(form).ajaxSubmit();2: 调试模式将debug设置为true,表单不会提交,只进行检查,方便调试$(".selector").validate({ debug: true})3: 设置va 阅读全文
posted @ 2013-05-31 14:30 史红星-shihongxing 阅读(131) 评论(0) 推荐(0) 编辑
摘要: Plugin methodsName Typevalidate( options ) Returns: Validator验证所选的FORMvalid( ) Returns: Boolean检查是否验证通过rules( ) Returns: Options返回元素的验证规则rules( "add", rules ) Returns: Options增加验证规则rules( "remove", rules ) Returns: Options删除验证规则removeAttrs( attributes ) Returns: Options删除特殊属性并且返回 阅读全文
posted @ 2013-05-31 14:29 史红星-shihongxing 阅读(202) 评论(0) 推荐(0) 编辑
摘要: 主要分几部分jquery.validate 基本用法jquery.validate API说明jquery.validate 自定义jquery.validate 常见类型的验证代码下载地址jquery.validate插件的文档地址http://docs.jquery.com/Plugins/Validationjquery.validate插件的主页http://bassistance.de/jquery-plugins/jquery-plugin-validation/jquery.validate插件主页上提供的demohttp://jquery.bassistance.de/vali 阅读全文
posted @ 2013-05-31 14:27 史红星-shihongxing 阅读(264) 评论(0) 推荐(0) 编辑