jquery插件validate验证的小例子

  

复制代码 代码如下:

  <!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>