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!

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#special-quantifier-range


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的更多相关文章

  1. asp.net Core MVC + form validation + ajax form 笔记

    asp.net Core MVC 有特别处理form,controller可以自己处理model的验证,最大的优势是写form时可以少写代码 先了解tag helper ,这东西就是element上的 ...

  2. Regex Password Validation

    You need to write regex that will validate a password to make sure it meets the follwing criteria: A ...

  3. [Angular2 Form] Validation message for Reactive form

    <div class="form-field"> <label>Confirm Password: </label> <input typ ...

  4. jQuery 验证 Validation

    jQuery Validation 目录 简介: Form validation made easy. Validate a simple comment form with inline rules ...

  5. Laravel教程 七:表单验证 Validation

    Laravel教程 七:表单验证 Validation 此文章为原创文章,未经同意,禁止转载. Laravel Form 终于要更新这个Laravel系列教程的第七篇了,期间去写了一点其他的东西. 就 ...

  6. 学习笔记(三): Generalization/Overfitting/Validation

      目录 Generalization: Peril of Overfitting Low loss, but still a bad model? How Do We Know If Our Mod ...

  7. JavaScript资源大全中文版(Awesome最新版)

    Awesome系列的JavaScript资源整理.awesome-javascript是sorrycc发起维护的 JS 资源列表,内容包括:包管理器.加载器.测试框架.运行器.QA.MVC框架和库.模 ...

  8. Awesome Swift

    Awesome Swift https://github.com/matteocrippa/awesome-swift A collaborative list of awesome Swift re ...

  9. 客官,您的 Flask 全家桶请收好

    http://www.factj.com/archives/543.html Flask-AppBuilder          - Simple and rapid Application buil ...

随机推荐

  1. git设置.gitignore文件

    .gitignore用来忽略某些git仓库中不需要上传到远程仓库的文件,例如target目录.下面说一下步骤. 1.在项目根目录中通过右键Git Bash,打开控制命令台,新建一个.gitignore ...

  2. jdbc学习笔记03

    作业: 1. 学生表(id,age,name) 2. 插入学生 3. 修改学生 4. 删除学生 5. 查询学生 JavaBean 俗称简单的Java对象 javaBean满足以下三点 1.私有属性 2 ...

  3. 快速玩转linux(4)

    websever安装配置 Nginx & Apache 并发量. Apache基本操作 解释 命令 安装 yum install httpd 启动 service httpd start 停止 ...

  4. DevOps - 版本控制 - Git

    配置 .gitignore 配置 .gitignore 配置文件用于配置不需要加入版本管理的文件,配置好该文件可以为我们的版本管理带来很大的便利. 有些时候,你必须把某些文件放到Git工作目录中,但又 ...

  5. webpack 4.14配置详解

    1.安装nodejs 官网下载nodejs,安装时可能会爆 2503错误,解决办法是:使用管理员命令执行安装文件.cmd ->命令提示符(管理员)-> 输入: msiexec /packa ...

  6. PHP一些常用魔术方法

    魔术方法                          调用方法                                     作用__set                   有两个 ...

  7. sqlite3 简单实用方法

    打开数据库:sqlite3.exe test.db 显示所有表: .tables 退出 sqlite3:.quit 还有个问题,已经打开一个数据库文件了. 不知道如何在不退出命令行的情况下,更换另一个 ...

  8. Linux 内核之api_man 手册安装

    开发环境:Ubuntu18.04,虚拟机virtual box 1.安装XML格式转换 sudo apt  install xmlto 2.在内核目录执行 make mandocs  大概持续了半小时 ...

  9. flask的自定义过滤器

    过滤器的本质是函数.当模板内置的过滤器不能满足需求,可以自定义过滤器.自定义过滤器有两种实现方式: 一种是通过Flask应用对象的 add_template_filter 方法 通过装饰器来实现自定义 ...

  10. JavaScript 对引擎、运行时、调用堆栈的概述理解

    JavaScript 对引擎.运行时.调用堆栈的概述理解  随着JavaScript越来越流行,越来越多的团队广泛的把JavaScript应用到前端.后台.hybrid 应用.嵌入式等等领域. 这篇文 ...