①只能输入大于0的整数

check(value) {let reg = /^[1-9]\d*$/;var _this = this;if (value) {if (new RegExp(reg).test(value) == false) {setTimeout(() => {_this.actionDataForm.studNum = '';_this.errorTip = true;}, 500); }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) > 999999) {callback(new Error('请输入1-999999的数字'));} else {callback();}}}, 1000);
};

var checkBalance = (rule, value, callback) => {let reg = /^[1-9]\d*$/;  //整数let reg2 = /^[1-9]\d*\.\d*|0\.\d*[1-9]\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) > 999999) {callback(new Error('请输入1-999999的数字'));} else {callback();}}, 1000);
};

②只能输入数字(整数,浮点数)

check() {let reg = /[^\d\.]/g;if (this.searchKey && new RegExp(reg).test(this.searchKey)) {//非数字this.$message({message: '请输入正确的数字',type: 'warning'})return;}......
},

③手机号验证

checkMobile (number) {var partten = /^(13[0-9]|14[0-9]|15[0-9]|16[6]|18[0-9]|19[6,9]|17[0-9])\d{8}$/i;return partten.test(number);
},

④邮箱验证

var checkEmail = (rule, value, callback) => {if (!value) {return callback();}if (value) {setTimeout(() => {var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;if (!reg.test(value)) {callback(new Error('请输入有效的电子邮箱!'));} else {callback();}}, 500);}
}

⑤将输入框的内容全角转为半角

var ToCDB = function(str){ var tmp = ""; for(var i=0;i<str.length;i++) { if(str.charCodeAt(i)>65248&&str.charCodeAt(i)<65375) { tmp += String.fromCharCode(str.charCodeAt(i)-65248); }else { tmp += String.fromCharCode(str.charCodeAt(i)); } } return tmp
}

⑥名称字数限制(30个中文字符长度)

nameLimt (){var reg = /[!@#$%^&*??\/\\“::;~+]/;this.companyName = this.companyName.replace(reg,'')    ;var GetLength = function (str) {//获得字符串实际长度,中文2,英文1var realLength = 0, len = str.length, charCode = -1;for (var i = 0; i < len; i++) {charCode = str.charCodeAt(i);if (charCode >= 0 && charCode <= 128) realLength += 1;else realLength += 2;}return realLength;};/** * js截取字符串,中英文都能用 * @param str:需要截取的字符串 * @param len: 需要截取的长度 */var cutstr = function(str, len) {var str_length = 0;var str_len = 0;var str_cut = new String();str_len = str.length;for (var i = 0; i < str_len; i++) {var temp = str.charAt(i);str_length++;if (escape(temp).length > 4) {//中文字符的长度经编码之后大于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) > 60){this.companyName = cutstr(this.companyName, 60);return;}}

⑦只能输入正整数和负整数

let reg = /^(0|[1-9][0-9]*|-[1-9][0-9]*)$/;

⑧以字符开头只能输入数字、字母、下划线

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-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;if (!reg.test(value)) {callback(new Error('请输入有效的电子邮箱!'));} else {callback();}}, 500);}};rules: {name: [{required: true, message: '请输入姓名', trigger: 'blur'},{min: 1, max: 15, message: '长度在 15 个字以内', trigger: 'blur'}],email: [{validator: checkEmail, trigger: ['blur,change']}],},

https://www.cnblogs.com/websmile/p/8650930.html   vue +element 搭建项目,el-input 常用的验证

 

转载于:https://www.cnblogs.com/shy1766IT/p/11161533.html

VUE el-input正则验证相关推荐

  1. vue+elementui 手机号正则验证

    vue+elementui手机号正则校验 1. /^1(3|4|5|7|8|9)\d{9}$/ 2. /^1[3456789]\d{9}$/// 在表单rules中可以这样写规则验证rules:[mo ...

  2. input 正则验证(摘)

    input输入框只允许中文汉字.数字.整数等方法 使用JS限制input输入框只允许中文汉字.数字.整数等效果,多款代码,希望对各位有所帮助,多多关注烈火网. 其一,只允许输入数字和小数点.  < ...

  3. 在vue中input标签手机号码进行正则验证

    今天遇到一个问题就是在vue中给input进行正则手机号码的验证 下面是今天的代码,用js进行书写,没有用elementUI,代码如下: <!-- 申报手机号 --><div cla ...

  4. VUE—移动端手机号正则验证,不正确显示‘请输入正确手机号’,若正确跳转到发送验证码(图文详情)

    VUE-移动端手机号正则验证,不正确显示'请输入正确手机号',若正确跳转到发送验证码 先看效果图 第一步:写布局 <input type="text" placeholder ...

  5. vue密码正则验证表单验证_如何在Vue中使用表单验证

    vue密码正则验证表单验证 介绍 (Introduction) Almost every web application makes use of forms in some way, as such ...

  6. vue监控表单输入事件,正则验证手机号,邮箱

    vue监控表单输入事件,正则验证手机号,邮箱 <div class="input-name"><inputclass="input-type" ...

  7. 【VUE+Elemet 】最全正则验证 + 表单验证 + 注意事项

    目录 一.正则验证 1.输入字母/数字/下划线: 2.请输入中英文/数字/下划线: 3.请输入中文/英文: 4.规范金额: 5.用户名不能全是数字: 6.中文: 7.非中文: 8.限制长度: 9.数字 ...

  8. vue中的prop验证

    Prop 1 . prop 大小写 Vue.component('blog-post', {// 在 JavaScript 中是 camelCase 的 props: ['postTitle'], t ...

  9. 关于Vue的表单验证

    前言 最近在研究 Vue 如何实现表单的验证,在网上查阅资料以后,简单将这些方法整合一下,方便以后学习.如果有不准确之处,还望指正. Vue 实现表单验证的方法有如下几种: 一.基于 Vue 与 jQ ...

  10. 正则验证 手机账号和密码正则验证方法

    HTML点击验证手机号码和密码 <div><div><input type="text" v-model="formData.mobile& ...

最新文章

  1. 每日一皮:周末到了,我以为我能休息一下
  2. MapReduce的自制Writable分组输出及组内排序
  3. java 屏蔽地域性访问_javaweb利用filter拦截未授权请求
  4. PHP 超级全局变量
  5. go 链路追踪_Go技术日报(20200911)
  6. 基于vue2.0打造移动商城页面实践 vue实现商城购物车功能 基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果...
  7. mysql性能优化配置总结
  8. 记录:添加trace_event埋点并调用
  9. ARINC429基础知识
  10. ubuntu14.04中文楷体变默认字体
  11. mysql全称量词_MySQL操作记录的方法集合,供以后查看
  12. 360、腾讯、迅雷Windows编程、网络编程面试题及答案
  13. 自学Java day53 使用jvav实现 并查集 数据结构 从jvav到架构师
  14. vue自定义表格(每一列表格下面包含一个子表格)
  15. go语言循环基础练习
  16. mybatis批量新增和批量更新的效率对比
  17. iastora怎么改成ahci_怎么把硬盘更改成ahci模式 AHCI功能开启方法
  18. 关于Cron表达式中的周一至周五正确的配置
  19. UNREAL4 PROPERTY SYSTEM
  20. 【SemiDrive源码分析】【MailBox核间通信】43 - 基于Mailbox IPCC RPC 实现核间通信(代码实现篇)

热门文章

  1. CHIL-SQL-FIRST() 函数
  2. 说说程序员、编译器、CPU之间的三角恋
  3. CENTOS7.2使用RDO方式安装OpenStack Mitaka笔记
  4. poj1740 A New Stone Game
  5. 转载:QTableView中嵌入可视化组件
  6. scala 学习笔记(07) 一等公民的函数
  7. setInterval setTimeout clearInterval
  8. Objective-C中的hasPrefix
  9. rhel5下samba的配置
  10. 不得不推荐的一本好书《观止》