regex & form validation & phone
regex & form validation
https://regexper.com/
https://gitlab.com/javallone/regexper-static
https://github.com/javallone/regexper-static
/^(\w+)\:\/\/([^\/]+)\/(.*)$/
// telephone
/^0[0-9]{2,3}-[0-9]{3, 4}-[0-9]{4}$/
0
021 8888 8888
0371 6666 7777
0370 567 8888
// cell phone / mobile phone
/^1[0-9]{2}-[0-9]{4}-[0-9]{4}$/
1
181 3333 7777
177 6666 8888
https://regexper.com/#%2F^(\w%2B)\%3A\%2F\%2F([^\%2F]%2B)\%2F(.*)%24%2F
https://element.eleme.io/#/zh-CN/component/form#biao-dan-yan-zheng
https://element.eleme.io/#/zh-CN/component/input#input-attributes
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_<input>_types
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/tel
special-quantifier-range
no space between the comma!
regexSpaceBug() {
let pattern = /0[0-9]{2, 3}-[0-9]{3, 4}-[0-9]{4}/;
// /0[0-9]{2, 3}-[0-9]{3, 4}-[0-9]{4}/
pattern.test("021-6666-8888");
// false
pattern = /0[0-9]{2,3}-[0-9]{3,4}-[0-9]{4}/;
// /0[0-9]{2,3}-[0-9]{3,4}-[0-9]{4}/
pattern.test("021-6666-8888");
// true
pattern.test("0371-6666-8888");
// true
pattern.test("0370-333-8888");
// true
},
telephoneChange() {
let value = this.$data.form.telephoneNum;
console.log(`telephoneNum value =`, value);
},
phoneChange() {
let value = this.$data.form.phoneNum;
console.log(`phoneNum value =`, value);
},
telephoneInput() {
const pattern = /^0[0-9]{2,3}-[0-9]{3,4}-[0-9]{4}$/;
let value = this.$data.form.telephoneNum;
if (pattern.test(value)) {
this.$data.show.telephoneNum = false;
} else {
if(value !== "") {
this.$data.show.telephoneNum = true;
this.$data.error.telephoneNum = `输入的电话号码不符合格式, ${pattern.toString()}`;
} else {
this.$data.show.telephoneNum = false;
}
}
},
phoneInput() {
const pattern = /^1[0-9]{2}-[0-9]{4}-[0-9]{4}$/;
let value = this.$data.form.phoneNum;
if (pattern.test(value)) {
this.$data.show.phoneNum = false;
} else {
if(value !== "") {
this.$data.show.phoneNum = true;
this.$data.error.phoneNum = `输入的手机号码不符合格式, ${pattern.toString()}`;
} else {
this.$data.show.phoneNum = false;
}
}
},
email validation
https://stackoverflow.com/questions/46155/how-to-validate-an-email-address-in-javascript
https://www.sitepoint.com/javascript-validate-email-address-regex/
https://www.w3resource.com/javascript/form/email-validation.php
https://www.regextester.com/19
regex & form validation & phone的更多相关文章
- asp.net Core MVC + form validation + ajax form 笔记
asp.net Core MVC 有特别处理form,controller可以自己处理model的验证,最大的优势是写form时可以少写代码 先了解tag helper ,这东西就是element上的 ...
- Regex Password Validation
You need to write regex that will validate a password to make sure it meets the follwing criteria: A ...
- [Angular2 Form] Validation message for Reactive form
<div class="form-field"> <label>Confirm Password: </label> <input typ ...
- jQuery 验证 Validation
jQuery Validation 目录 简介: Form validation made easy. Validate a simple comment form with inline rules ...
- Laravel教程 七:表单验证 Validation
Laravel教程 七:表单验证 Validation 此文章为原创文章,未经同意,禁止转载. Laravel Form 终于要更新这个Laravel系列教程的第七篇了,期间去写了一点其他的东西. 就 ...
- 学习笔记(三): Generalization/Overfitting/Validation
目录 Generalization: Peril of Overfitting Low loss, but still a bad model? How Do We Know If Our Mod ...
- JavaScript资源大全中文版(Awesome最新版)
Awesome系列的JavaScript资源整理.awesome-javascript是sorrycc发起维护的 JS 资源列表,内容包括:包管理器.加载器.测试框架.运行器.QA.MVC框架和库.模 ...
- Awesome Swift
Awesome Swift https://github.com/matteocrippa/awesome-swift A collaborative list of awesome Swift re ...
- 客官,您的 Flask 全家桶请收好
http://www.factj.com/archives/543.html Flask-AppBuilder - Simple and rapid Application buil ...
随机推荐
- git设置.gitignore文件
.gitignore用来忽略某些git仓库中不需要上传到远程仓库的文件,例如target目录.下面说一下步骤. 1.在项目根目录中通过右键Git Bash,打开控制命令台,新建一个.gitignore ...
- jdbc学习笔记03
作业: 1. 学生表(id,age,name) 2. 插入学生 3. 修改学生 4. 删除学生 5. 查询学生 JavaBean 俗称简单的Java对象 javaBean满足以下三点 1.私有属性 2 ...
- 快速玩转linux(4)
websever安装配置 Nginx & Apache 并发量. Apache基本操作 解释 命令 安装 yum install httpd 启动 service httpd start 停止 ...
- DevOps - 版本控制 - Git
配置 .gitignore 配置 .gitignore 配置文件用于配置不需要加入版本管理的文件,配置好该文件可以为我们的版本管理带来很大的便利. 有些时候,你必须把某些文件放到Git工作目录中,但又 ...
- webpack 4.14配置详解
1.安装nodejs 官网下载nodejs,安装时可能会爆 2503错误,解决办法是:使用管理员命令执行安装文件.cmd ->命令提示符(管理员)-> 输入: msiexec /packa ...
- PHP一些常用魔术方法
魔术方法 调用方法 作用__set 有两个 ...
- sqlite3 简单实用方法
打开数据库:sqlite3.exe test.db 显示所有表: .tables 退出 sqlite3:.quit 还有个问题,已经打开一个数据库文件了. 不知道如何在不退出命令行的情况下,更换另一个 ...
- Linux 内核之api_man 手册安装
开发环境:Ubuntu18.04,虚拟机virtual box 1.安装XML格式转换 sudo apt install xmlto 2.在内核目录执行 make mandocs 大概持续了半小时 ...
- flask的自定义过滤器
过滤器的本质是函数.当模板内置的过滤器不能满足需求,可以自定义过滤器.自定义过滤器有两种实现方式: 一种是通过Flask应用对象的 add_template_filter 方法 通过装饰器来实现自定义 ...
- JavaScript 对引擎、运行时、调用堆栈的概述理解
JavaScript 对引擎.运行时.调用堆栈的概述理解 随着JavaScript越来越流行,越来越多的团队广泛的把JavaScript应用到前端.后台.hybrid 应用.嵌入式等等领域. 这篇文 ...