jQuery实现表单验证------equalTo方法
2015-09-23 16:25
691 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="jquery.js"></script> <script type="text/javascript" src="jquery.validate.js"></script> <script type="text/javascript"> jQuery.validator.setDefaults({ debug: true, success: "valid" });; </script> <script> $(document).ready(function(){ $("#myform").validate({ rules: { password: "required", password_again: { equalTo: "#password" } } }); }); </script> <style> #field, label { float: left; font-family: Arial, Helvetica, sans-serif; font-size: small; } label { width: 10em; } br { clear: both; } input { margin-left: .5em; float: left; border: 1px solid black; margin-bottom: .5em; } input.submit { float: none; } input.error { border: 1px solid red; width: auto; } label.error { background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/unchecked.gif') no-repeat; padding-left: 16px; margin-left: .3em; } label.valid { background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/checked.gif') no-repeat; display: block; width: 16px; height: 16px; } </style> </head> <body> <form id="myform"> <label for="password">Password</label> <input id="password" name="password" /> <br/> <label for="password_again">Again</label> <input class="left" id="password_again" name="password_again" /> <br/> <input class="submit" type="submit" value="Validate!" /> </form> </body> </html>
相关文章推荐
- jquery.prop() -Additional Notes
- 使用etalage插件快速做出jquery放大镜效果
- jQuery EasyUI datagrid列名包含特殊字符会导致表格错位
- 一句话总结:工作,用jQuery,怎么快怎么来;学习,用js,怎么精怎么来
- jQuery停止动画和判断是否处于动画状态(转)
- Jquery实现IE6 7 8 兼容placeholder属性
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- jQuery("#").autocomplete 出现Status Code:404 Not Found
- jQuery Validate验证框架经典大全
- jQuery基本选择符
- jQuery Validate 表单验证
- jquery 排除重复
- jQuery $.each用法
- jQuery表单Input文本框默认说明文字获得焦点后消失效果
- php+jquery+ajax实现用户名验证
- JQuery中$.ajax()方法参数详解
- ajax上传文件 jqueryFileUpload
- Jquery相册 fancybox-1.3.4
- jQuery Validate验证框架详解
- JQuery学习