①只能输入大于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. SQL Server 2005的几个新功能

    SQL Server 2005相对于SQL Server 2000改进很大,有些还是非常实用的. 举几个例子来简单说明 这些例子我引用了Northwind库. 1. TOP 表达式  SQL Serv ...

  2. Visual Studio 快捷键、常见问题

    前言 由于平时自己在使用 VS 过程中遇到过一些很常见的问题,比如基本的设置.工具等.VS 十分的强大(宇宙第一 IDE),所以有些功能藏的深也不好找,就在这里记录下. 正文 一.快捷操作 1.调试. ...

  3. UML类图介绍

    一.概述 UML类图用来定义系统中的类,包括描述类的结构和类之间的关系.类图的主要作用于描述系统的静态结构. 类图的基本模型元素如下:

  4. 利用Linux自带的logrotate管理日志

    日常运维中,经常要对各类日志进行管理,清理,监控,尤其是因为应用bug,在1小时内就能写几十个G日志,导致磁盘爆满,系统挂掉. nohup.out,access.log,catalina.out 本文 ...

  5. Longest Continuous Increasing Subsequence

    Description Give an integer array,find the longest increasing continuous subsequence in this array. ...

  6. Centos 改ssh 端口

    1.修改配置文件:/etc/ssh/sshd_config 2.修改 #Port 22 把前面的#注释删掉,然后添加一个Port XXXX 定义一个自己的.例如我喜欢 Port 22333 3.修改后 ...

  7. MongoDB 3.4 功能改进一览

    MongoDB 3.4 已经发布,本文主要介绍 3.4 版本在功能特性上做的改进,内容翻译自 [https://docs.mongodb.com/manual/release-notes/3.4/?_ ...

  8. VS下字符串与数组互相装换

    1.分割字符串IdStr为int数组Ids int[] Ids = Array.ConvertAll<string, int>(IdStr.Trim().Split(','), deleg ...

  9. MyBatis中jdbcType=INTEGER、VARCHAR作用

    Mapper.xml中 pid = #{pid,jdbcType=INTEGER} pid = #{pid} 都可以用 Mybatis中什么时候应该声明jdbcType? 当Mybatis不能自动识别 ...

  10. 安利一个IDA插件diaphora,可以将函数名、注释、结构体等的先前版本移植到新版本

    插件代码地址 https://github.com/joxeankoret/diaphora 使用方法: 启动IDA并首先打开包含完整符号的二进制文件1.让我们的IDA完成初始的自动分析,之后,通过运 ...