①只能输入大于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正则验证的更多相关文章

  1. 循环遍历正则验证input框内容合法性

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. 正则表达式控制Input输入内容 ,js正则验证方法大全

    https://blog.csdn.net/xushichang/article/details/4041507 //输入姓名的正则校验 e.currentTarget.value = e.curre ...

  3. easyui扩展正则验证,函数验证

    用easyui做业务系统,对于默认的几个验证规则,肯定是不够的,难免会增加几种规则.可是问题来了,往往是我们在开发会遇到很多各种各样的验证,时间久了才发现,这些扩展的正则无非就是添加一个正则验证规则, ...

  4. JavaScript正则验证邮箱

    正则表达式/^正则$/.test() <html> <head> <title>JavaScript</title> <meta charset= ...

  5. WPF TextBox 正则验证 大于等于0 小于等于1 的两位小数

    正则:^(0\.\d+|[1-9][0-9]|1)$ TextBox绑定正则验证 <TextBox x:Name="txb"   MaxLength="6" ...

  6. elementUI vue tree input 懒加载 输入下拉树型示例 点击其他区域关闭自定义div

    <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8&quo ...

  7. Vue 限制input输入 限数字 或 小数点后两位number

    Vue 限制input输入 小数点后两位number <input type="number" @keydown="handleInput2" place ...

  8. php分页、正则验证

    //原装分页<?phpheader("Content-type:text/html;Charset=utf8"); $link=mysqli_connect("lo ...

  9. input一些验证

    这篇博文大部分来自于网上,为了方便自己查阅,以及帮助他人. 1.正则验证只能输入正整数:  onkeyup = " if (this.value.length==1) { this.valu ...

  10. H5前端正则验证插件

    最近学习了一个新的关于前端正则验证的插件,‘jQuery.validate.js ’ 要用这个插件 首先得有插件,下载jquery.validate.min.js 和jq文件并引入. 我把它简单的通俗 ...

随机推荐

  1. 记录java+testng运行selenium(四)--- 结构说明

    一图:主要是driver文件所在目录,及ini配置文件所在位置. 这两个文件一般我是放在其它目录下,不跟随项目所在目录 二图:用例操作类及用例执行类所在位置. 下图中有接口代码及功能代码组成,之前的文 ...

  2. .symtab

    参考:剖析.o文件ELF组成 目标文件 .symtab中记录的符号是从.s文件来的,所以.s这个汇编文件很关键. .symtab所记录符号的种类 示例代码 a.c ; static float a_v ...

  3. sql的时间格式

    sql中的时间格式转换主要有:date_format函数,str_to_date函数 1. 首先选择一个数据库 use db_name; 2. 显示当前时区的时间: SELECT NOW(); 3. ...

  4. 无线热点登陆认证原理探究---captive portal 什么是Captive Portal

    什么是Captive Portal 大家肯定都连过公共场所的wifi热点,比如麦当劳等地方的.他们的wifi往往一连上去就会弹出一个要求登录或者微信关注之类的页面,只有在这个页面完成操作了才能正常访问 ...

  5. CMake---基础练习1

    因为卡在一个问题上,几经排除应该可能是CMakeLists.txt写的不正确,但是又生成了可执行文件,运行可执行文件报错.多方排除,应该是CMakeLists.txt加载动态库的时候,函数加载的不全. ...

  6. python装饰器,迭代器,生成器,协程

    python装饰器[1] 首先先明白以下两点 #嵌套函数 def out1(): def inner1(): print(1234) inner1()#当没有加入inner时out()不会打印输出12 ...

  7. 2020年日期表-python实现

    import pandas as pdimport calendarimport datetime # 生成日期范围date = pd.date_range("2020-01-01" ...

  8. React 之 render props 的理解

    1.基本概念 在调用组件时,引入一个函数类型的 prop,这个 prop定义了组件的渲染方式. 2.回调渲染 回顾组件通信的几种方式 父-> 子 props 子-> 父 回调.消息通道 任 ...

  9. VSCode - Beautify 插件配置

    1. 在工作目录下建立.jsbeautifyrc文件 官方文档 { "brace_style": "none,preserve-inline", "i ...

  10. P2P技术之STUN、TURN、ICE详解

    现在大多数计算机主机都位于防火墙或NAT之后,很少有计算机直接接入Internet.通常,人们希望网络中两天计算机能直接进行通信(P2P通信),而不是需要其他公共服务器的中转. 由于主机位于防火墙或N ...