码迷,mamicode.com
首页 > 其他好文 > 详细

表单的验证

时间:2017-10-10 17:43:43      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:html   on()   use   utf-8   input   attribute   text   word   radio   

  <!DOCTYPE html>
  <html>
   
  <head>
  <meta charset="UTF-8">
  <title></title>
  </head>
  <script type="text/javascript" src="../js/jquery-1.11.0.js" ></script>
  <script type="text/javascript" src="../js/jquery.validate.js" ></script>
  <script type="text/javascript" src="../js/messages_zh.js" ></script>
  <script>
  $(function(){
  $("#formid").validate({
  rules:{
  username:"required",
  password:{
  rangelength:[3,6],
  required:true
  },
  repassword:{
  equalTo:"#password"
  },
  email:"email",
  sex:"required"
  },
  messages:{
  username:"用户名不能为空",
  password:{
  rangelength:"密码长度在{0}~{1}之间",
  required:"密码不能为空"
  }
  }
  });
  })
  </script>
  <style>
   
  </style>
  <body>
  <form action="#" method="get" id="formid">
  <table width="60%" height="60%" align="center" bgcolor="#ffffff">
  <tr>
  <td colspan="3">会员注册USER REGISTER</td>
  </tr>
  <tr>
  <td width="20%">用户名:</td>
  <td width="80%"><input type="text" name="username" id="username"></td>
  </tr>
  <tr>
  <td>密码:</td>
  <td><input type="password" name="password" id="password"></td>
  </tr>
  <tr>
  <td>确认密码:</td>
  <td><input type="password" name="repassword" id="repassword"></td>
  </tr>
  <tr>
  <td>Email:</td>
  <td><input type="text" name="email" id="email"></td>
  </tr>
  <tr>
  <td>姓名:</td>
  <td><input type="text" name="name"></td>
  </tr>
  <tr>
  <td>性别:</td>
  <td>
  <input type="radio" name="sex" value="男" checked="checked"> 男
  <input type="radio" name="sex" value="女" />女
  <!--<label for="sex" class="error"></label>-->
  <label for="sex" class="error"></label>
  </td>
   
  </tr>
  <tr>
  <td>出生日期</td>
  <td>
  <input type="text" name="birthday">
   
  </td>
  </tr>
  <tr>
  <td>验证码</td>
  <td>
  <input type="text" name="checkcode">
  </td>
  </tr>
  <tr>
  <td colspan="2">
  <input type="submit" value="注册" />
  </td>
  </tr>
  </table>
  </form>
  </body>
  </html>

表单的验证

标签:html   on()   use   utf-8   input   attribute   text   word   radio   

原文地址:http://www.cnblogs.com/nextgg/p/7646735.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!