jquery插件validate验证的小例子
2013-05-08 00:00
821 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <!-- 注意引用顺序--> <script src="Jquery1.7.js" type="text/javascript"></script> <script src="jquery.validate.js" type="text/javascript"></script> <script src="messages_cn.js" type="text/javascript"></script> <script type="text/javascript"> // $(function () { // $('#a').validate({ // rules: { // username: { required: true, minlength: 6, maxlength: 12 }, // email: { required: true, email: true } // }, // errorshow: function (error, element) { // error.appendTo(element.siblings('span')); // } // }) // }) $(function () { $('#a').validate({ rules: { username: { required: true, minlength: 6, maxlength: 12 }, email: { required: true, email: true }, pwd: { required: true, rangelength:[6,6] }, again: { required: true, equalTo: ($('#aa')) }, //这里一定是id birthday:{date:true}, blood:{digits:true} }, errorshow: function (error, element) { error.appendTo(element.siblings('span')); } }) }) </script> </head> <body> <form id="a"> <div> 用户名:<input type="text" name="username" /><span style="width:100px"></span> <br /> 邮箱:<input type="text" name="email" /><span style="width:100px"></span> <br /> 密码:<input type="text" name="pwd" /><span style="width:100px" id="aa"></span> <br /> 确认密码:<input type="text" name="again" /><span style="width:100px"></span> <br /> 生日:<input type="text" name="birthday" /><span style="width:100px"></span> <br /> 血压:<input type="text" name="blood" /><span style="width:100px"></span> </div> </form> </body> </html>
相关文章推荐
- jquery插件validate验证的小例子
- jquery validate表单验证插件-推荐
- jquery插件——验证插件(Validate)
- 时间插件,validate验证的简单jsp例子
- jquery表单验证插件(jquery.validate.js)的3种使用方式
- JQuery扩展插件Validate 5添加自定义验证方法
- php表单验证 对应jquery-validate插件
- jquery validate表单验证插件的基本使用方法及功能拓展
- jQuery Validate插件 验证实例
- jQuery验证插件 ---jquery.validate.js
- 【JQuery】表单验证插件——validate
- 基于jquery的simpleValidate简易验证插件
- 使用JQuery validate插件进行客户端验证
- jquery validate验证插件,在ajax提交方式下的验证
- jquery validate插件前端表单验证插件的使用
- 表单验证代码实例:jquery.validate.js表单验证插件
- jQuery Validate插件ajax方式验证输入值
- jquery的验证插件jquery.validate.js使用总结
- 表单验证插件jquery.validate.js
- 表单验证插件jquery.validate.js