基于element-ui的rules中正则表达式


Posted in Javascript onSeptember 04, 2018

在rules中的pattern中写正则表达式

<template>
 <el-form :model="unuseForm" label-position="top" :rules="dialogRules">
 <el-form-item label="原因" prop="loseEfficacyReason">
  <el-input type="textarea" v-model="unuseForm.loseEfficacyReason" auto-complete="off"></el-input>
 </el-form-item>
 </el-form>
</template>
<script>
export default{
 data(){
 return {
  dialogRules: {
  loseEfficacyReason: [
   { required: true, message: '请输入原因', trigger: 'blur' },
   { min: 2, message: '请输入不少于2个字符', trigger: 'blur' },
   { pattern: /^[A-Za-z0-9\u4e00-\u9fa5]+$/, message: '不允许输入空格等特殊符号' }
  ]
  }
 }
 }
}
</script>

以上这篇基于element-ui的rules中正则表达式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )
Nov 14 Javascript
DOM基础教程之事件对象
Jan 20 Javascript
javascript中JSON.parse()与eval()解析json的区别
May 19 Javascript
JavaScript表单焦点自动切换代码
Jul 24 Javascript
JQuery实现动态操作表格
Jan 11 Javascript
Angular2中select用法之设置默认值与事件详解
May 07 Javascript
vue.js实现备忘录功能的方法
Jul 10 Javascript
JavaScript实现短暂提示框功能
Apr 04 Javascript
学习Vue组件实例
Apr 28 Javascript
解决循环中setTimeout执行顺序的问题
Jun 20 Javascript
javascript中的this作用域详解
Jul 15 Javascript
vue实现codemirror代码编辑器中的SQL代码格式化功能
Aug 27 Javascript
微信小程序的部署方法步骤
Sep 04 #Javascript
vue2中使用sass并配置全局的sass样式变量的方法
Sep 04 #Javascript
Element UI 自定义正则表达式验证方法
Sep 04 #Javascript
在vue项目中引入高德地图及其UI组件的方法
Sep 04 #Javascript
使用validate.js实现表单数据提交前的验证方法
Sep 04 #Javascript
快速解决vue-cli在ie9+中无效的问题
Sep 04 #Javascript
快速解决Vue项目在IE浏览器中显示空白的问题
Sep 04 #Javascript
You might like
PHP数据库操作之基于Mysqli的数据库操作类库
2014/04/19 PHP
叫你如何修改Nginx与PHP的文件上传大小限制
2014/09/10 PHP
PHP实现创建微信自定义菜单的方法示例
2017/07/14 PHP
自写的利用PDO对mysql数据库增删改查操作类
2018/02/19 PHP
一些主流JS框架中DOMReady事件的实现小结
2011/02/12 Javascript
JQuery实现防止退格键返回的方法
2015/02/12 Javascript
延时加载JavaScript代码提高速度
2015/12/27 Javascript
js模仿java的Map集合详解
2016/01/06 Javascript
JS动态创建元素的两种方法
2016/04/20 Javascript
进阶之初探nodeJS
2017/01/24 NodeJs
Jquery uploadify 多余的Get请求(404错误)的解决方法
2017/01/26 Javascript
js 数字、字符串、布尔值的转换方法(必看)
2017/04/07 Javascript
jQuery用户头像裁剪插件cropbox.js使用详解
2017/06/07 jQuery
使用Node.js实现简易MVC框架的方法
2017/08/07 Javascript
Vue如何从1.0迁移到2.0
2017/10/19 Javascript
浅谈es6中export和export default的作用及区别
2018/02/07 Javascript
vue组件开发props验证的实现
2019/02/12 Javascript
vue项目使用.env文件配置全局环境变量的方法
2019/10/24 Javascript
Node.js path模块,获取文件后缀名操作
2020/11/07 Javascript
通过实例解析js可枚举属性与不可枚举属性
2020/12/02 Javascript
磁盘垃圾文件清理器python代码实现
2020/08/24 Python
详解python uiautomator2 watcher的使用方法
2019/09/09 Python
Python实现企业微信机器人每天定时发消息实例
2020/02/25 Python
NFL欧洲商店(德国):NFL Europe Shop DE
2018/11/03 全球购物
俄罗斯隐形眼镜和眼镜在线商店:Cronos
2020/06/02 全球购物
土木工程毕业生推荐信
2013/10/28 职场文书
减负增效提质方案
2014/05/23 职场文书
一份文言文检讨书
2014/09/13 职场文书
2014领导班子“四风问题”对照检查材料思想汇报(执法局)
2014/09/21 职场文书
喝酒驾驶检讨书
2014/10/01 职场文书
村党的群众路线教育实践活动总结材料
2014/10/31 职场文书
写给医院的感谢信
2015/01/22 职场文书
五四青年节活动总结
2015/02/10 职场文书
2015年信息中心工作总结
2015/05/25 职场文书
创业计划书之珠宝饰品
2019/08/26 职场文书
Spring Cache和EhCache实现缓存管理方式
2021/06/15 Java/Android