六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 35|回复: 0

jQuery实现表单验证------equalTo方法

[复制链接]

升级  13.33%

68

主题

68

主题

68

主题

举人

Rank: 3Rank: 3

积分
240
 楼主| 发表于 2013-2-7 15:07:09 | 显示全部楼层 |阅读模式
<!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> 
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表