姓名、手机号的正则验证+页面之间传值问题
来源:互联网 发布:淘宝下什么软件能返利 编辑:程序博客网 时间: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']);
阅读全文
0 0
- 姓名、手机号的正则验证+页面之间传值问题
- 验证手机号的正则
- 中英文姓名及手机号的正则表达式
- 邮箱、手机号验证的正则
- 验证手机号的正则表达式
- 验证手机号的正则表达式
- 手机号验证的正则表达式
- 手机号验证的正则表达式
- jQuery验证手机号、身份证、姓名
- 页面表单验证(正则表达式验证邮箱,正则表达式验证身份证,正则表达式验证手机号)
- 真正的验证手机号的正则表达式
- 手机号、邮箱验证的正则表达式
- iOS验证手机号的正则表达式
- 座机与手机号的正则验证
- iOS正则表达式之手机号的验证
- 验证手机号、用户名的正则表达式
- 验证身份证,手机号的正则表达式
- iOS验证手机号的正则表达式
- copy、strong、weak、assign
- JVM默认参数记录
- mongodb如何新增字段
- HTML5简介
- sqlserver中创建链接服务器图解教程
- 姓名、手机号的正则验证+页面之间传值问题
- selenium之 chromedriver与chrome版本映射表(更新至v2.33)
- Android动画精讲一:从setTranslationX谈属性动画和view动画的区别
- POJ 1979 Red and Black 深搜入门
- 深度学习和普通机器学习之间有何区别?
- iconfont 应用与理解
- Linux入门基础
- 重定向
- dialog对话框