姓名、手机号的正则验证+页面之间传值问题

来源:互联网 发布:淘宝下什么软件能返利 编辑:程序博客网 时间:2024/06/05 16:50

1、使用到的技术

HTML+CSS+JS+Jquery+正则表达式

2、姓名、手机号的验证

function login_check(){        if(document.getElementById("names").value == ""){            alert("姓名不能为空!");        }else {            var reg=/^[\u4e00-\u9fa5]{2,4}$/;            if(!reg.test($("#names").val())){                alert("请正确填写姓名!姓名为两到四个汉字。");            }        }        if(document.getElementById("phones").value == ""){              alert("手机号不能为空!");         }  else {            var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(17[0-9]{1})|(18[0-9]{1}))+\d{8})$/;             if(!myreg.test($("#phones").val()))             {                 alert('请输入有效的手机号码!');            }        } }

3、页面之间传值问题

Html:

<div class="topic">    <img src="" alt="">    <div class="username">未绑定账号,请绑定</div></div>

Css:

.topic {    background: skyblue;    height: 160px;    position: relative;}img {    width: 18%;    border-radius: 50%;    display: block;    position: relative;    left: 41%;    top: 16%;}.username {    font-size: 20px;    text-align: center;    margin-top: 12%;    color: #000;    font-family: "幼圆";}

Js:
1)在登录方注册姓名时,由于姓名属于汉字,需要对当前的汉字进行编码,使用encodeURIComponent进行编码;在接收方中获取到这个中文字段后,使用decodeURI进行解码,解码成功后会将获取到的中文字段填充到标签中

登录方:在js中写入如下代码var username = $('#names').val(); //获取用户名var telephone = $('#phones').val();  //获取手机号var bianma  = './person.html?userName=' + encodeURIComponent(username) + '&telePhone=' + telephone;window.location.href = bianma;接收方:在js中写入如下代码function parseUrl(){    var url=location.href;    var i=url.indexOf('?');    if(i==-1)return;    var querystr=url.substr(i+1);    var arr1=querystr.split('&');    var arr2=new Object();    for  (i in arr1){        var ta=arr1[i].split('=');        arr2[ta[0]]=ta[1];    }    return arr2;}var v = parseUrl();//解析所有参数var jiema = v['userName'];$(".username").text(decodeURI(jiema)); //将获取到的中文填充到标签中

2)在登录方注册手机号时,由于手机号属于数字,不需要进行编码和解码,因此直接传递就能实现填充功能

登录方:var username = $('#names').val(); //获取用户名var telephone = $('#phones').val();  //获取手机号var bianma  = './person.html?userName=' + username + '&telePhone=' + telephone;window.location.href = bianma;接收方:function parseUrl(){    var url=location.href;    var i=url.indexOf('?');    if(i==-1)return;    var querystr=url.substr(i+1);    var arr1=querystr.split('&');    var arr2=new Object();    for  (i in arr1){        var ta=arr1[i].split('=');        arr2[ta[0]]=ta[1];    }    return arr2;}var v = parseUrl();//解析所有参数$(".username").text(v['telePhone']);
原创粉丝点击