0
点赞
收藏
分享

微信扫一扫

判断新用户手机号是否存在

八卦城的酒 2022-04-07 阅读 33
node.js

// 失去焦点事件
        // 获取手机输入框并绑定onblue 失去焦点
        u_phone.οnblur=function(){    
            console.log(123);    
        }
        
        // 禁用按钮
        // btn.disabled=true;  
        // 允许使用
        // btn.disabled=false;
        // 禁用按钮(当用户页面打开时禁用)
        btn.disabled=true;
        // 为手机号输入框加事件onblur
        u_phone.οnblur=function(){
            if(u_phone.value==""){
                alert(用户手机号不能为空);
                return;
            }    
        // 创建对象
        var xhr=new XMLHttpRequest();
        // 创建变量url指定服务器地址
        var url=`http://127.0.0.1:3000/user/exists?u_phone=${u_phone.value}`;
        // 打开网络连接 open
        xhr.open("GET",url,true);
        // 发送请求
        xhr.send();
    
        // 接收服务器返回数据
        xhr.onreadystatechange=function(){
            if(xhr.readyState==4 && xhr.status==200){
                // json 转换为js对象
                var obj=JSON.parse(xhr.responseText);
                // 如果手机号可用 btn.disabled=false; 启用
                   if(obj.code==1){
                  msg.inneHTML=obj.msg;
                  btn.disabled=false;
                }else{
                  msg.inneHTML=obj.msg;
                   btn.disabled=true;
                }
            }
                
        }
        
    }
        

举报

相关推荐

0 条评论