jquery各种验证......

最新推荐文章于 2021-03-18 02:19:02 发布

深渊咆哮

最新推荐文章于 2021-03-18 02:19:02 发布

阅读量290

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/SJ_LPL_SB/article/details/78775977

版权

javascript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

   <head>
       <meta charset="utf-8" />
       <title></title>
       <style>
           td {
               height: 30px;
           }

           span {
               color: red;
           }
       </style>
       <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
       <script>
           $(function() {
               $("#an").click(function() {

                   isnull()
                   var sex = document.getElementsByName("sex");

               })
           })

           function isk(nname, sname) {
               var name = $(nname).val();

               if(name == "" || name == null) {
                   $(sname).text(name + "不能为空")
                   return false;
               } else {
                   $(sname).text("")
                   return true;
               }
           }

           function isnumber(pwd) {
               var reg = /^[0-9]+$/
               var f = $(pwd).val()
               if(!reg.test(f)) {
                   $("#s_pwd").text("必须是数字！！！");
                   return false;
               } else {

                   $("#s_pwd").text("");
                   return true;

               }

           }

           function isnumber1(pwd) {
               var reg = /^[0-9]+$/
               var f = $(pwd).val()
               if(!reg.test(f)) {
                   $("#s_pwd").text("必须是数字！！！");
                   return false;
               } else {

                   $("#s_pwd").text("");
                   return true;

               }

           }

           function isn() {
               var name = $("#uname").val();
               var reg = /^\w+$/

               if(!reg.test(name)) {
                   $("#s_name").text("帐号必须是字母或数字");
                   return false;
               } else {
                   $("#s_name").text("")
                   return true;
               }

           }

           function pw(pwd, pwd1) {
               var pv = $(pwd1).val();
               var pv1 = $(pwd).val();

               if(pv != pv1) {
                   $("#s_pwd1").text("请输入同样的数据")
                   return false;
               } else {
                   $("#s_pwd1").text("")
                   return true;
               }
           }

           function radio_sex() {
               var f = $("input:radio:checked").val();
               if(f == undefined || f == "" || f == null) {
                   $("#s_sex").text("必选!!");
                   return false;
               } else {
                   $("#s_sex").text("");
                   return true;
               }
           }

           function issf() {
               var d = $("#usf").val();
               reg = /^[0-9]+$/
               if(d.length > 11 && reg.test(d)) {
                   $("#s_sf").text("")
                   return true;
               } else {
                   $("#s_sf").text("身份证必须要大于11且是数字")
                   return false;
               }
           }

           function istel() {
               var d = $("#utel").val();
               reg = /^[0-9]+$/
               if(d.length > 11 && reg.test(d)) {
                   $("#s_sf").text("")
                   return true;
               } else {
                   $("#s_sf").text("电话必须要大于11且是数字")
                   return false;
               }
           }

           function isnull() {

               return isk("#uname", "#s_name") && isn() &&
                   isk("#upwd", "#s_pwd") && isnumber("#upwd") &&
                   isk("#upwd1", "#s_pwd1") && pw("#upwd", "#upwd1") && isnumber1("#upwd1") &&
                   isk("#uid", "#s_id") &&
                   radio_sex() &&
                   isk("#usf", "#s_sf") && issf() &&
                   isk("#utel", "#s_tel") && istel() &&
                   isk("#uqq", "#s_qq") &&
                   isk("#uem", "#s_em")

           }
       </script>
       
       <script src="js/new_file.js"></script>
   </head>

   <body>
       <fieldset>
           <legend>注册</legend>
           <form action="#" method="get">

               <table>
                   <tr>
                       <td>帐号:</td>
                       <td><input type="text" id="uname" /><span id="s_name"></span></td>
                   </tr>
                   <tr>
                       <td>密码:</td>
                       <td><input type="text" id="upwd" /><span id="s_pwd"></span></td>
                   </tr>
                   <tr>
                       <td>重复密码:</td>
                       <td><input type="text" id="upwd1" /><span id="s_pwd1"></span></td>
                   </tr>
                   <tr>
                       <td>昵称:</td>
                       <td><input type="text" id="uid" /><span id="s_id"></span></td>
                   </tr>
                   <tr>
                       <td>出生日期:</td>
                       <td><input type="date" id="udate" /><span id="s_date"></span></td>
                   </tr>
                   <tr>
                       <td>性别:</td>
                       <td><input type="radio" name="sex" value="汉子" />汉子<input type="radio" name="sex" value="妹子" />妹子<span id="s_sex"></span>
                       </td>
                   </tr>
                   <tr>
                       <td>身份证号:</td>
                       <td><input type="text" id="usf" /><span id="s_sf"></span></td>
                   </tr>
                   <tr>
                       <td>手机号:</td>
                       <td><input type="text" id="utel" /><span id="s_tel"></span></td>
                   </tr>
                   <tr>
                       <td>qq:</td>
                       <td><input type="text" id="uqq" /><span id="s_qq"></span></td>
                   </tr>
                   <tr>
                       <td>手机邮箱:</td>
                       <td><input type="text" id="uem" /><span id="s_em"></span></td>
                   </tr>
                   <tr align="center">
                       <td><input type="button" value="注册" id="an" /></td>
                       <td><input type="reset" value="清空" /></td>
                   </tr>
               </table>
           </form>
       </fieldset>
   </body>