项目小结：手机邮箱正则，URL各种判断返回页面，input输入框输入符合却获取不到问题

番茄西红柿发布于2019-04-23 13:13 / 885人阅读

摘要：手机邮箱正则近两年出来很多新号码，听说什么的都有了导致以前的正则不能用了这就很难过，总是过一段时间出一种新号码。因此，我决定使用返朴归真的手机正则。，然后制定的语法里，输入框里有符号的时候，为空。

1.手机邮箱正则

近两年出来很多新号码，听说199什么的都有了- -导致以前的正则不能用了....这就很难过，总是过一段时间出一种新号码。因此，我决定使用返朴归真的手机正则。

手机正则：var reg=/^1[0-9]d{9}$/;

邮箱正则：var mailReg = /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(.[a-zA-Z0-9-]+)*.[a-zA-Z0-9]{2,6}$/;

使用方法：reg.test(e)

除此之外，作为一只程序狗，耿直的认为输入空格就是错误的，但是产品和测试都说万一用户就输入空格了，然后我报错了，但是肉眼看不到空格，用户找不到错误，体验就很差！哎，为了照顾那些手残用户，必须在正则判断前用 trim()对字段做处理trim()、trim()、trim()、trim()、trim()~~~~~~

2.input输入框输入符合却获取不到问题

当input输入框设置成type为number的时候，程序狗的思维是，这种输验证码之类的输入框不都应该输入数字吗？BUT，测试妹子就喜欢输入一堆符号+英文，别问我为什么能输入，（因为在不做限制的情况下，用中文输入法，然后按回车键就可以输入- -。），然后W3C制定的语法里，number输入框里有符号的时候，value 为空。emmm，这个也别问为什么，我TM也很郁闷。最后导致，测试妹子输入一堆符号后提交的时候提示，该字段不能为空，测试妹子就说了，我这明明不是空的，却提示为空，这不符合常理。好....我改.....

首先试用tel的type，因为这个type可以让安卓和IOS都调用数字键盘，然后给input框都加上限制只能输入数字：

限制正整数：

限制首位不为0的正整数：

3.URL各种判断返回页面

案例：一个页面，在不同的情况下点返回上一页的时候进入不同的页面。

作为一个前端，我想到的最简单的办法就是在URL里加不同的参数，然后获取字段的值去判断进入哪个页面。

方法一：正则分析法

复制代码代码如下:

function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}

调用方法：
alert(GetQueryString("参数名1"));alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));

方法二

复制代码代码如下:

调用方法：

GPU云服务器云服务器 js正则input输入框 js获取input输入数据输入框历史记录获取手机文本输入框设计

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1592.html

引入计算属性、action、动态内容

摘要：文章来源引入计算属性动态内容美化主页，增加邮件输入框在主页中增加一个的，在这个组件中增加一个输入框和一个按钮。如果是这种方式，输入框的值默认一直都是，并且在控制器中不能使用属性获取值。文章来源：引入计算属性、action、动态内容美化主页，增加邮件输入框在主页中增加一个Bootstrap的jumbotron，在这个jumbotron组件中增加一个input输入框和一个button...

Betta 2019-08-19 18:22 评论0 收藏0
HTML5 入门详解

摘要：定义字符中文注音或字符的解释或发音。表单域我们都知道标签用于为用户输入创建表单。在中表单域添加了两个新的属性规定是否启用表单的自动完成功能，默认。通过属性和表单域的可以将输入表单绑定到表单域中。 showImg(http://ww1.sinaimg.cn/large/007kscFEgy1fxgnw4hajoj31400p0q4d.jpg); 1. 认识HTML5 HTML5并不仅仅...

hqman 2019-08-26 13:25 评论0 收藏0
前端面试题总结（js、html、小程序、React、ES6、Vue、算法、全栈热门视频资源）

摘要：并总结经典面试题集各种算法和插件前端视频源码资源于一身的文档，优化项目，在浏览器端的层面上提升速度，帮助初中级前端工程师快速搭建项目。本文是关注微信小程序的开发和面试问题，由基础到困难循序渐进，适合面试和开发小程序。并总结vue React html css js 经典面试题集各种算法和插件、前端视频源码资源于一身的文档，优化项目，在浏览器端的层面上提升速度，帮助初中级前端工程师快...

li21 2019-08-23 17:11 评论0 收藏0