jQuery ui插件的使用方法代码实例

  

复制代码 代码如下:

  <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 () {

  $('#form1').validate({

  rules: {

  txtUser: { required: true, minlength: 6 },

  txtPassword: { required: true, minlength: 6 },

  txtConfirm: { required: true, minlength: 6, equalTo: "#password" },

  txtHomePage: { required: true, url: true },

  txtBirthday: { required: true, dateISO: true },

  txtXueYa: { required: true, digits: true },

  txtEmail: { required: true, email: true }

  },

  errorshow: function (error, element) {

  error.appendTo(element.siblings('span'));

  }

  })

  })

  </script>

  </head>

  <body>

  <form action="" id="form1">

  <table>

  <tr>

  <td>用户名:</td>

  <td><input name="txtUser" type="text" /><span>*</span> </td>

  </tr>

  <tr>

  <td>密码:</td>

  <td><input name="txtPassword" id="password" type="text" /><span>*</span> </td>

  </tr>

  <tr>

  <td>确认密码:</td>

  <td><input name="txtConfirm" type="text" /><span>*</span> </td>

  </tr>

  <tr>

  <td>主页:</td>

  <td><input name="txtHomePage" type="text" /><span>*</span> </td>

  </tr>

  <tr>

  <td>生日:</td>

  <td><input name="txtBirthday" type="text" /><span>*</span> </td>

  </tr>

  <tr>

  <td>血压:</td>

  <td><input name="txtXueYa" type="text" /><span>*</span> </td>

  </tr>

  <tr>

  <td>邮箱:</td>

  <td><input name="txtEmail" type="text" /><span>*</span> </td>

  </tr>

  </table>

  </form>

  </body>

  </html>