简单创建用户名密码ajax验证 jquery+ThinkPHP

最新推荐文章于 2022-04-15 23:05:46 发布

fw1993

最新推荐文章于 2022-04-15 23:05:46 发布

阅读量864

点赞数

本文链接：https://blog.csdn.net/fw1993/article/details/38712581

版权

<include file="Index:index"/>
<title>添加用户</title>

   <form method="post" action="{:U('Admin/User/addUserHandle')}" id="userForm" οnsubmit="return mySubmit();">

       <table class='table'>
           <tr>
               <td align="right" width='45%'>用户账号：</td>
               <td>
                   <input type="text" name="username" id="username" /> <span id='usernameTip'></span>
               </td>
           </tr>
           <tr>
               <td align="right">新建密码：</td>
               <td>
                   <input type="password" name="password" id="password" value="" /> <span id='pas1Tip'></span>
               </td>
           </tr>

           <tr>
               <td align="right">确认密码：</td>
               <td>
                   <input type="password" name="password2" id="confirm_password" /> <span id='pas2Tip'></span>
               </td>
           </tr>

           <tr id="last">
           <td align="center" colspan='2'><input type="submit" value="保存添加" class="btn btn-primary btn-large" ></td>
           </tr>
       </table>
           <p>密码不能为空且只能为英文或者数字或者下划线组成的5－18个字符</p>
   </form >
<script type="text/javascript">

var is_submit1 = false ;
var is_submit2 = false;
var is_submit3 = false;

function mySubmit(){

    if(!is_submit1||!is_submit2||!is_submit3){
        alert('请确认信息是否输入正确');
        return false
    }
    return true;
}

$(document).ready(function(){

           $('#username').blur(function(){

               if(!$(this).val() ){
                  $('#usernameTip').html('用户名不能为空');
                  is_submit1 = false;
               }else{
                  $.ajax({
                   url:'http://www.wuyanet.com/SGYY/index.php?g=Admin&m=User&a=ajaxUser',
                   type:'POST', //数据发送方式
                   dataType:'json', //接受数据格式
                   data:'username='+$(this).val(), //要传递的数据
                   }).done(function (data) {

                      if(data.toString()=='true'){
                          $('#usernameTip').html('输入正确');
                          is_submit1 = true;
                      }else{
                          $('#usernameTip').html('用户名已存在,请重新起名');
                          is_submit1 = false;
                      }
                   });


               }

           });

           $('#password').blur(function(){
               // var temp = $(this).val();
               // alert(temp);
                   if(!$(this).val() || !(/^[A-Za-z0-9_]{5,18}$/).test($(this).val()) )//不能为空并且只能为英文或者数字或者下划线组成的5－18个字符
                    {
                        $("#pas1Tip").html("密码不能为空且只能为英文或者数字或者下划线组成的5－18个字符");
                        is_submit2 = false;
                    }
                    else
                    {

                        $("#pas1Tip").html("输入正确");
                        is_submit2 = true;

                    }
           });

           $('#confirm_password').blur(function(){

                             if(!$(this).val() || $(this).val() != $("#password").val() )//只处验证和上面一样
                    {

                        $("#pas2Tip").html("密码为空或者和上面的密码不致");
                        is_submit3 = false;

                    }
                    else
                    {

                        $("#pas2Tip").html("输入正确");
                        is_submit3 = true;

                    }
           });

           // $('#userForm').ajaxForm(function(){
           //    alert('success');
           //    //$('#output1').html("success").show();
           // });

       });
</script>
</body>

</html>

public function ajaxUser(){


           $data= M('User')->field('username')->select();
           foreach ($data as $key => $value) {
               foreach ($data[$key] as $key1 => $value1) {
                   $data[]=$value1;
               }
           }
           if(!in_array($_POST['username'],$data)){
               echo "true";//the username is not in database ,so the name is available
           }else{
               echo "false";
           }


       }