VUE el-input正则验证
①只能输入大于0的整数
check(value) {
let reg = /^[-]\d*$/;
var _this = this;
if (value) {
if (new RegExp(reg).test(value) == false) {
setTimeout(() => {
_this.actionDataForm.studNum = '';
_this.errorTip = true;
}, ); }
else {
this.errorTip = false;
}
}
},
var checkBalance = (rule, value, callback) => {
if (!value) {
return callback(new Error('充值余额不能为空'));
}
setTimeout(() => {
if (!Number.isInteger(value)) {
callback(new Error('请输入数字值'));
} else {
if (Number(value) > ) {
callback(new Error('请输入1-999999的数字'));
} else {
callback();
}
}
}, );
};
var checkBalance = (rule, value, callback) => {
let reg = /^[-]\d*$/; //整数
let reg2 = /^[-]\d*\.\d*|\.\d*[-]\d*$/; //小数
if (!value) {
return callback(new Error('充值余额不能为空'));
}
setTimeout(() => {
if (!reg.test(value)) {
if (reg2.test(value)) {
callback(new Error('请输入整数'));
} else {
callback(new Error('请输入符合规则的数字'));
}
} else if (Number(value) > ) {
callback(new Error('请输入1-999999的数字'));
} else {
callback();
}
}, );
};
②只能输入数字(整数,浮点数)
check() {
let reg = /[^\d\.]/g;
if (this.searchKey && new RegExp(reg).test(this.searchKey)) {//非数字
this.$message({
message: '请输入正确的数字',
type: 'warning'
})
return;
}
...
...
},
③手机号验证
checkMobile (number) {
var partten = /^([-]|[-]|[-]|[]|[-]|[,]|[-])\d{}$/i;
return partten.test(number);
},
④邮箱验证
var checkEmail = (rule, value, callback) => {
if (!value) {
return callback();
}
if (value) {
setTimeout(() => {
var reg = /^([a-zA-Z0-]+[_|\_|\.]?)*[a-zA-Z0-]+@([a-zA-Z0-]+[_|\_|\.]?)*[a-zA-Z0-]+\.[a-zA-Z]{,}$/;
if (!reg.test(value)) {
callback(new Error('请输入有效的电子邮箱!'));
} else {
callback();
}
}, );
}
}
⑤将输入框的内容全角转为半角
var ToCDB = function(str){
var tmp = "";
for(var i=;i<str.length;i++)
{
if(str.charCodeAt(i)>&&str.charCodeAt(i)<)
{
tmp += String.fromCharCode(str.charCodeAt(i)-);
}else {
tmp += String.fromCharCode(str.charCodeAt(i));
}
}
return tmp
}
⑥名称字数限制(30个中文字符长度)
nameLimt (){
var reg = /[!@#$%^&*??\/\\“::;~+]/;
this.companyName = this.companyName.replace(reg,'') ;
var GetLength = function (str) {
//获得字符串实际长度,中文2,英文1
var realLength = , len = str.length, charCode = -;
for (var i = ; i < len; i++) {
charCode = str.charCodeAt(i);
if (charCode >= && charCode <= ) realLength += ;
else realLength += ;
}
return realLength;
};
/**
* js截取字符串,中英文都能用
* @param str:需要截取的字符串
* @param len: 需要截取的长度
*/
var cutstr = function(str, len) {
var str_length = ;
var str_len = ;
var str_cut = new String();
str_len = str.length;
for (var i = ; i < str_len; i++) {
var temp = str.charAt(i);
str_length++;
if (escape(temp).length > ) {//中文字符的长度经编码之后大于4
str_length++;
}
str_cut = str_cut.concat(temp);
if (str_length >= len) {
return str_cut;
}
}
//如果给定字符串小于指定长度,直接返回
if (str_length < len) {
return str;
}
}
if(GetLength(this.companyName) > ){
this.companyName = cutstr(this.companyName, );
return;
}
}
⑦只能输入正整数和负整数
let reg = /^(|[-][-]*|-[-][-]*)$/;
⑧以字符开头只能输入数字、字母、下划线
let reg = /^[a-zA-Z][a-zA-Z0-9_]*$/
var checkEmail = (rule, value, callback) => {
if (!value) {
return callback();
}
if (value) {
setTimeout(() => {
var reg = /^([a-zA-Z0-]+[_|\_|\.]?)*[a-zA-Z0-]+@([a-zA-Z0-]+[_|\_|\.]?)*[a-zA-Z0-]+\.[a-zA-Z]{,}$/;
if (!reg.test(value)) {
callback(new Error('请输入有效的电子邮箱!'));
} else {
callback();
}
}, );
}
};
rules: {
name: [
{required: true, message: '请输入姓名', trigger: 'blur'},
{min: , max: , message: '长度在 15 个字以内', trigger: 'blur'}
],
email: [
{validator: checkEmail, trigger: ['blur,change']}
],
},
/**
* @param {string} str
* @returns {Boolean}
*/
export function validLowerCase(str) {
const reg = /^[a-z]+$/
return reg.test(str)
} /**
* @param {string} str
* @returns {Boolean}
*/
export function validUpperCase(str) {
const reg = /^[A-Z]+$/
return reg.test(str)
} /**
* @param {string} str
* @returns {Boolean}
*/
export function validAlphabets(str) {
const reg = /^[A-Za-z]+$/
return reg.test(str)
}
https://www.cnblogs.com/websmile/p/8650930.html vue +element 搭建项目,el-input 常用的验证
VUE el-input正则验证的更多相关文章
- 循环遍历正则验证input框内容合法性
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 正则表达式控制Input输入内容 ,js正则验证方法大全
https://blog.csdn.net/xushichang/article/details/4041507 //输入姓名的正则校验 e.currentTarget.value = e.curre ...
- easyui扩展正则验证,函数验证
用easyui做业务系统,对于默认的几个验证规则,肯定是不够的,难免会增加几种规则.可是问题来了,往往是我们在开发会遇到很多各种各样的验证,时间久了才发现,这些扩展的正则无非就是添加一个正则验证规则, ...
- JavaScript正则验证邮箱
正则表达式/^正则$/.test() <html> <head> <title>JavaScript</title> <meta charset= ...
- WPF TextBox 正则验证 大于等于0 小于等于1 的两位小数
正则:^(0\.\d+|[1-9][0-9]|1)$ TextBox绑定正则验证 <TextBox x:Name="txb" MaxLength="6" ...
- elementUI vue tree input 懒加载 输入下拉树型示例 点击其他区域关闭自定义div
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8&quo ...
- Vue 限制input输入 限数字 或 小数点后两位number
Vue 限制input输入 小数点后两位number <input type="number" @keydown="handleInput2" place ...
- php分页、正则验证
//原装分页<?phpheader("Content-type:text/html;Charset=utf8"); $link=mysqli_connect("lo ...
- input一些验证
这篇博文大部分来自于网上,为了方便自己查阅,以及帮助他人. 1.正则验证只能输入正整数: onkeyup = " if (this.value.length==1) { this.valu ...
- H5前端正则验证插件
最近学习了一个新的关于前端正则验证的插件,‘jQuery.validate.js ’ 要用这个插件 首先得有插件,下载jquery.validate.min.js 和jq文件并引入. 我把它简单的通俗 ...
随机推荐
- 深入理解JVM内幕:从基本结构到Java 7新特性[转]
英文原文:cubrid,编译:ImportNew - 朱伟杰 译文链接:http://www.importnew.com/1486.html [如需转载,请在正文中标注并保留原文链接.译文链接和译者等 ...
- 【动态规划】ZZNU-OJ- 2054 : 油田
2054 : 油田 (一个神奇的功能:点击上方文字进入相应页面) 时间限制:1 Sec 内存限制:32 MiB提交:49 答案正确:6 提交 状态 讨论区 题目描述 在太平洋的一片海域,发现了大量的油 ...
- JAVA API连接HDFS HA集群
使用JAVA API连接HDFS时我们需要使用NameNode的地址,开启HA后,两个NameNode可能会主备切换,如果连接的那台主机NameNode挂掉了,连接就会失败. HDFS提供了names ...
- 备份MySQL数据库并上传到阿里云OSS存储
1. 环境配置 要将本地文件上传到阿里云oss中, 必须使用阿里云提供的工具 ossutil, 有32位,也有64位的, Linux和Windows都有.具体可以到阿里云官网下载 官网及文档: htt ...
- TOMCAT上传下载文件
实现下载 修改server.xml修改web.xml 实现上传 实现客户端的上传post请求代码实现 实现服务端的处理 小结 实现下载 实现下载需要 - 修改Tomcat中的 ...
- 进击web与web协议
我一直比较抵制web,web的各种协议以及后端与前端的交互,慢慢的发现除了数据和算法其实计算机软件方面还有另一块高地,那就是web协议. 十分感谢极客时间提供了性价比极高的课程,让我遇到了这么好的老师 ...
- Linux - 网络配置( CentOS 64 )
终于..今天我终于将linux的网络调试出来了,虽然之前看了一大堆教程,每一个都是一样的步骤,但是,在我这就是弄不好,所以经过不断尝试的我,今天发一个自己配置好的步骤,唉,太痛苦了. - 对了补充一句 ...
- Codeforces Round #597 (Div. 2) C. Constanze's Machine
链接: https://codeforces.com/contest/1245/problem/C 题意: Constanze is the smartest girl in her village ...
- docker学习(六) Docker命令查询
Docker命令查询 1.基本语法docker [OPTIONS] COMMAND [arg...]一般来说,Docker 命令可以用来管理 daemon,或者通过 CLI 命令管理镜像和容器.可以通 ...
- Learning Spark (Python版) 学习笔记(一)----RDD 基本概念与命令
<Learning Spark>这本书算是Spark入门的必读书了,中文版是<Spark快速大数据分析>,不过豆瓣书评很有意思的是,英文原版评分7.4,评论都说入门而已深入不足 ...