vue 判断字符串是否是英文_vue rules以及原生js判断字符串是否为正整数(正小数)...
1.在vue中 使用rules形式进行校验
1.首先在vue文件的methods()中添加校验方法,这里校验方法命名为isNumber用自带的.test方法进行正则校验
methods: {
isNumber(rule, value, callback) {
if (value === '') {
return callback();
} //这是用来判断如果不是必须输入的,则直接跳出
const r = /^\+?[1-9][0-9]*$/; // 正整数
// 如果判断不符合正则,则不是正整数不能提交
if (!r.test(value)) {
return callback(new Error('数量必须为正整数'));
} else {
return callback();
}
},
}
2.在data()中定义的rules里使用校验规则
rules: {
size: [{ validator: this.isNumber, trigger: 'blur' }],
},
2.在原生js中
const r = /^\+?[1-9][0-9]*$/; // 正整数
// 如果判断不符合正则,则不是正整数不能提交
if (!r.test(itemsTable[i].number)) {
alert('数量必须为正整数');
return;
}
3.或者直接在input中进行设置
4.在3的基础上可以实现输入正的小数
vue 判断字符串是否是英文_vue rules以及原生js判断字符串是否为正整数(正小数)...相关推荐
- js判断类型为数字的方法实现总汇——原生js判断isNumber()
方法一[推荐]: 最容易想到的是用typeof来判断是否是number类型 ,但是如果为NaN会被认为也是number类型,因此我们需要使用isNaN来排除NaN的情况. function isNum ...
- 原生js判断css动画结束 css 动画结束的回调函数
原文:原生js判断css动画结束 css 动画结束的回调函数 css3 的时代,css3--动画 一切皆有可能: 传统的js 可以通过回调函数判断动画是否结束:即使是采用CSS技术生成动画效果,Jav ...
- 原生js判断iPhoneX系列手机型号
#原生js判断iPhoneX系列手机型号 static isIphone() {return /iphone/gi.test(window.navigator.userAgent)}static is ...
- js字符串如何拼接java代码_[Java教程]js拼接字符串传值,子窗口传值
[Java教程]js拼接字符串传值,子窗口传值 0 2015-10-26 21:00:15 避免下次再去查资料,记录一下 1.拼接字符串传值 "UpdateState?ids=" ...
- 基于vue的组织架构树组件_Vue组件基于D3.js布局显示树
基于vue的组织架构树组件 Vue.D3.tree (Vue.D3.tree) Update documentationVue components to display graphics based ...
- vue 引用src中的文件_Vue中引用第三方JS文件
使用Vue时会经常使用jQuery.bootstrap这类第三方工具库,而boostrap的渲染不仅依赖于jQuery js文件的加载,也依赖于HTML中DOM树内容的加载.但Vue中DOM树是有Vu ...
- 原生js判断IE浏览器版本
// 判断IE浏览器版本function IEVersion() {var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isIE ...
- 原生js 时间字符串转日期,月份错误(setMonth)
前几天写了一个简单的html,需要字符串转日期,想的不用第三方了,自己写了个,如下: function parseDateStr(dateStr) {let date = new Date();dat ...
- html截取字符串的第4位,三种常用JS截取字符串方法 JS截取几位后字符串方法
JS提供了三个常用的截取字符串的方法,分别是:slice(),substring()和substr(),它们都可以接受一个或两个参数: var stmp = "bnxb.com"; ...
最新文章
- Linux之文本处理
- Leader忙死,下属闲死,谁的错?总监让我学习,猴子理论
- python中的for语句涉及的序列可以是列表_Python中的列表与循环
- Tensorflow【实战Google深度学习框架】TFLearn大宝剑
- 企业网站SEO优化如何做引流并促进转化?
- python界面不同按钮实现不同功能-python tkinter实现界面切换的示例代码
- BUUCTF的Web真题学习整理(一)
- 前后端分离的思考与实践(六)
- 谈软件开发项目管理之需求变更
- 学习 灰色2017.12.08
- TimeBake:part1
- 使用AD将Gerbera文件转化为PCB文件的那些事
- 期末考试_细胞自动机
- 周鸿祎说:编程能力比马化腾强,不如雷军。你怎么看?
- 【2018-CCPC青岛网赛】 HDU - 6441 Find Integer
- java实现字符串反转
- 内核文件ntoskrnl.exe, ntkrnlpa.exe, ntkrnlmp.exe, ntkrpamp.exe到底有什么区别
- c++ fgets() 用法
- 山东省第三届ACM省赛
- NodeJS:redis 入门级使用示例 hgetall