基于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 相关文章推荐
javascript Prototype 对象扩展
May 15 Javascript
Javascript 中介者模式实例
Dec 16 Javascript
jquery实现的缩略图预览滑块实例
Jun 25 Javascript
JS阻止事件冒泡行为和闭包的方法
Jun 16 Javascript
js实现点击每个li节点,都弹出其文本值及修改
Dec 15 Javascript
Webpack框架核心概念(知识点整理)
Dec 22 Javascript
深入理解node.js http模块
Jan 24 Javascript
Element实现表格分页数据选择+全选所有完善批量操作
Jun 07 Javascript
vue中input的v-model清空操作
Sep 06 Javascript
vue如何搭建多页面多系统应用
Jun 17 Javascript
Vue双向数据绑定(MVVM)的原理
Oct 03 Javascript
如何在Vue项目中添加接口监听遮罩
Jan 25 Vue.js
微信小程序的部署方法步骤
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 gzip压缩输出的实现方法
2013/04/27 PHP
php+html5+ajax实现上传图片的方法
2016/05/14 PHP
PHP弱类型的安全问题详细总结
2016/09/25 PHP
PHP目录操作实例总结
2016/09/27 PHP
laravel框架中路由设置,路由参数和路由命名实例分析
2019/11/23 PHP
javascript与CSS复习(三)
2010/06/29 Javascript
jQuery .attr()和.removeAttr()方法操作元素属性示例
2013/07/16 Javascript
jquery链式操作的正确使用方法
2014/01/06 Javascript
13 款最热门的 jQuery 图像 360 度旋转插件推荐
2014/12/09 Javascript
如何在node的express中使用socket.io
2014/12/15 Javascript
Bootstrap入门书籍之(零)Bootstrap简介
2016/02/17 Javascript
jquery编写Tab选项卡滚动导航切换特效
2020/07/17 Javascript
Bootstrap每天必学之导航组件
2016/04/25 Javascript
Knockout结合Bootstrap创建动态UI实现产品列表管理
2016/09/14 Javascript
Angular实现的内置过滤器orderBy排序与模糊查询功能示例
2017/12/29 Javascript
详解如何在vue项目中引入elementUI组件
2018/02/11 Javascript
Vue3.0数据响应式原理详解
2019/10/09 Javascript
Python回调函数用法实例详解
2015/07/02 Python
python中的lambda表达式用法详解
2016/06/22 Python
python统计字符的个数代码实例
2020/02/07 Python
解决Pycharm 导入其他文件夹源码的2种方法
2020/02/12 Python
在 Linux/Mac 下为Python函数添加超时时间的方法
2020/02/20 Python
python字符串判断密码强弱
2020/03/18 Python
利用Python批量识别电子账单数据的方法
2021/02/08 Python
一款基于css3的列表toggle特效实例教程
2015/01/04 HTML / CSS
Saucony澳大利亚官网:美国跑鞋品牌,运动鞋中的劳斯莱斯
2018/05/05 全球购物
小蚁科技官方商店:YI Technology
2019/08/23 全球购物
异常和异常类的概念
2014/09/12 面试题
翻译专业应届生求职信
2013/11/23 职场文书
七年级生物教学反思
2014/01/30 职场文书
政府个人对照检查材料
2014/08/28 职场文书
纪念九一八事变演讲稿:牢记历史,捍卫主权
2014/09/14 职场文书
2015社区爱国卫生工作总结
2015/04/21 职场文书
银行岗位培训心得体会
2016/01/09 职场文书
如何用Navicat操作MySQL
2021/05/12 MySQL
redis 解决库存并发问题实现数量控制
2022/04/08 Redis