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判断字符串是否为正整数(正小数)...相关推荐

  1. js判断类型为数字的方法实现总汇——原生js判断isNumber()

    方法一[推荐]: 最容易想到的是用typeof来判断是否是number类型 ,但是如果为NaN会被认为也是number类型,因此我们需要使用isNaN来排除NaN的情况. function isNum ...

  2. 原生js判断css动画结束 css 动画结束的回调函数

    原文:原生js判断css动画结束 css 动画结束的回调函数 css3 的时代,css3--动画 一切皆有可能: 传统的js 可以通过回调函数判断动画是否结束:即使是采用CSS技术生成动画效果,Jav ...

  3. 原生js判断iPhoneX系列手机型号

    #原生js判断iPhoneX系列手机型号 static isIphone() {return /iphone/gi.test(window.navigator.userAgent)}static is ...

  4. js字符串如何拼接java代码_[Java教程]js拼接字符串传值,子窗口传值

    [Java教程]js拼接字符串传值,子窗口传值 0 2015-10-26 21:00:15 避免下次再去查资料,记录一下 1.拼接字符串传值 "UpdateState?ids=" ...

  5. 基于vue的组织架构树组件_Vue组件基于D3.js布局显示树

    基于vue的组织架构树组件 Vue.D3.tree (Vue.D3.tree) Update documentationVue components to display graphics based ...

  6. vue 引用src中的文件_Vue中引用第三方JS文件

    使用Vue时会经常使用jQuery.bootstrap这类第三方工具库,而boostrap的渲染不仅依赖于jQuery js文件的加载,也依赖于HTML中DOM树内容的加载.但Vue中DOM树是有Vu ...

  7. 原生js判断IE浏览器版本

    // 判断IE浏览器版本function IEVersion() {var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isIE ...

  8. 原生js 时间字符串转日期,月份错误(setMonth)

    前几天写了一个简单的html,需要字符串转日期,想的不用第三方了,自己写了个,如下: function parseDateStr(dateStr) {let date = new Date();dat ...

  9. html截取字符串的第4位,三种常用JS截取字符串方法 JS截取几位后字符串方法

    JS提供了三个常用的截取字符串的方法,分别是:slice(),substring()和substr(),它们都可以接受一个或两个参数: var stmp = "bnxb.com"; ...

最新文章

  1. Linux之文本处理
  2. Leader忙死,下属闲死,谁的错?总监让我学习,猴子理论
  3. python中的for语句涉及的序列可以是列表_Python中的列表与循环
  4. Tensorflow【实战Google深度学习框架】TFLearn大宝剑
  5. 企业网站SEO优化如何做引流并促进转化?
  6. python界面不同按钮实现不同功能-python tkinter实现界面切换的示例代码
  7. BUUCTF的Web真题学习整理(一)
  8. 前后端分离的思考与实践(六)
  9. 谈软件开发项目管理之需求变更
  10. 学习 灰色2017.12.08
  11. TimeBake:part1
  12. 使用AD将Gerbera文件转化为PCB文件的那些事
  13. 期末考试_细胞自动机
  14. 周鸿祎说:编程能力比马化腾强,不如雷军。你怎么看?
  15. 【2018-CCPC青岛网赛】 HDU - 6441 Find Integer
  16. java实现字符串反转
  17. 内核文件ntoskrnl.exe, ntkrnlpa.exe, ntkrnlmp.exe, ntkrpamp.exe到底有什么区别
  18. c++ fgets() 用法
  19. 山东省第三届ACM省赛
  20. NodeJS:redis 入门级使用示例 hgetall

热门文章

  1. 使用nsis制作的安装包安装后,无法卸载干净的问题
  2. WMS仓储系统能给企业带来哪些帮助?
  3. 百度地图API调用实现获取经纬度以及标注
  4. C++编程验证费马小定律
  5. MUSCI算法估计空间方位角
  6. zabbix如何监控ip地址_获取zabbix上所有主机的IP和主机名的实例代码
  7. php多用户表白源码,php源码]阿狸表白自动生成源码
  8. 微信内测新功能(深度清理),瞬间释放几个G内存!
  9. arduino编程语言Wiring参考手册API
  10. docker 的安装以及简单centos镜像制作、启动