js注册验证 jQuery注册验证

最新推荐文章于 2019-03-09 23:19:00 发布

hanpenghu

最新推荐文章于 2019-03-09 23:19:00 发布

阅读量464

点赞数

本文链接：https://blog.csdn.net/hanpenghu/article/details/84840653

版权

<!--查看用户名是否存在 -->
   <script type="text/javascript">
        $("#username").focus(function () {
            document.getElementById("usernameExist").innerHTML=""
        })
        $("#username").blur(function(){

            var usernameVal = $("#username").val()
         if(null===usernameVal||usernameVal===""){
                document.getElementById("usernameExist").innerHTML="<font color=\"#dc143c\">"+"您未填写用户名"+"</font>"
         }else{
                // var saveData={username:usernameVal}
                $.ajax({
//            url : "http://127.0.0.1:8081/testAjaxPost",
                    url : "/isUsernameExist",
                    type : "POST",
                    data : '{"username":"'+usernameVal.toString()+'"}',//可用
                    // data:JSON.stringify(saveData),//和上面一行都可用
                    dataType : "json",
                    contentType : "application/json;charset=utf-8",
                    success:function(d){
//                     //注意得到的d其实是一个js格式JSON对象
//                     alert( "Data Saved: " + JSON.stringify(d));//讲json对象序列化(字符串)输出
// //                alert( "Data Saved: " + d[0]["name"]);//拿到js的json对象的数组中的第0个对象的key是osDd的value
//                     alert( "Data Saved: " + d["count"]);//拿到js的json对象的数组中的第0个对象的key是osDd的value
                        if(parseInt(d["count"])>0){
                            $("#username").val("");
                            document.getElementById("usernameExist").innerHTML="<font color=\"#dc143c\">"+"该用户名已经存在,请更换一个用户名！"+"</font>"
                        }
                    }
                });
         }
        });
   </script>

   <!-- 查看电话号码是否存在-->
   <script type="text/javascript">
        var isPhone = /^([0-9]{3,4}-)?[0-9]{7,8}$/;//手机号码
        var isMob= /^0?1[3|4|5|8][0-9]\d{8}$/;// 座机格式
      $("#phone").focus(function () {
         document.getElementById("phoneExist").innerHTML=""
      })
      $("#phone").blur(function(){

         var phoneVal = $("#phone").val()
            if(null===phoneVal||phoneVal===""){
                document.getElementById("phoneExist").innerHTML="<font color=\"#dc143c\">"+"您未填写电话号码"+"</font>"
            }else if(!isMob.test(phoneVal)){
                document.getElementById("phoneExist").innerHTML="<font color=\"#dc143c\">"+"您填写电话号码格式不正确"+"</font>"
         }else{
                // var saveData={username:usernameVal}
                $.ajax({
                    //            url : "http://127.0.0.1:8081/testAjaxPost",
                    url : "/isPhoneExist",
                    type : "POST",
                    data : '{"phone":"'+phoneVal.toString()+'"}',//可用
                    // data:JSON.stringify(saveData),//和上面一行都可用
                    dataType : "json",
                    contentType : "application/json;charset=utf-8",
                    success:function(d){
                        //                     //注意得到的d其实是一个js格式JSON对象
                        //                     alert( "Data Saved: " + JSON.stringify(d));//讲json对象序列化(字符串)输出
                        // //                alert( "Data Saved: " + d[0]["name"]);//拿到js的json对象的数组中的第0个对象的key是osDd的value
                        //                     alert( "Data Saved: " + d["count"]);//拿到js的json对象的数组中的第0个对象的key是osDd的value
                        if(parseInt(d["count"])>0){
                            $("#phone").val("");
                            document.getElementById("phoneExist").innerHTML="<font color=\"#dc143c\">"+"该电话号码已经存在,请更换一个！"+"</font>"
                        }
                    }
                });
         }
      });
   </script>