vue.js 表单参数验证方法
来源:互联网 发布:淘宝一千零一夜的老板 编辑:程序博客网 时间:2024/06/07 19:01
vue.js 编写验证表单参数是否为空,为空返回null,否则返回表单参数值
一、util.js
var utils = { // 校验表单是否为空 validate: function (data, except) { for (var item in data) { // 校验表单,except为排除项 if (!this.contains(except, item)) { if (data[item].toString().trim() == '') return null; } } return data; }, // 校验数组是否包含某元素 contains: function (arr, obj) { var i = arr.length; while (i--) { if (arr[i] === obj) { return true; } } return false; }, // 复制map copyMap: function (mapObj) { let newMap = {}; for (var item in mapObj) { newMap[item] = mapObj[item]; } return newMap; }}export default utils
二、index.js 引入
import util from './util';Vue.prototype.$util = util;
三、页面使用
<script> export default { data: function () { return { dialog: { show: false, title: '', data: {} } } }, ready: function () { }, methods: { save: function () { let dialogData = this.$util.copyMap(this.dialog.data); // 排除参数status,btnColor,btnTextColor的校验 dialogData = this.$util.validate(dialogData, ['status', 'btnColor', 'btnTextColor']) if (dialogData) { # do something ); } else { this.$dispatch('alert', '信息不完整', '', 'danger'); } }, } }</script>
阅读全文
1 0
- vue.js 表单参数验证方法
- JS表单验证方法
- 怎样用vue.js实现表单验证
- js表单验证方法1
- vue+vue-validator 表单验证
- JS传递参数以及表单验证
- vue表单验证
- vue之表单验证
- 最实用的js表单验证方法
- js验证表单输入的方法
- js验证表单的若干方法[转]
- 表单验证等其他公用js方法
- JS正则方法大全,各类表单验证
- Vue.js 表单控件
- vue表单验证 vee-validate
- Vue.js 实现表单数据参数传递,以及不同独立按钮之间的参数传递
- 表单控件绑定vue.js
- axios表单提交--vue.js
- Jquery EasyUI 使用tree(树形图) 和 tabs(选项卡)
- Linux基础操作2 文件操作命令以及系统文件说明:
- C# (不实现接口成员)
- 【技术干货】跨境茶话会第4期丨响应式编程的应用
- Android 7.0手机打开相机或相册报错解决方案
- vue.js 表单参数验证方法
- Centos7更换yum源
- WIN10运行软件,窗口不显示 解决办法
- 使用Fresco加载图片
- Java分割字符串
- SLAM中多传感器融合的时间同步问题
- javaScript闭包
- 使用logstash的logstash-input-kafka插件读取kafka中的数据
- 灰度图转colormap