iview 表单 验证_记录 iView 的表单验证
iview表单验证必要设置
1. 给 Form 标签用 :model 绑定数据
2. 给 Form 标签里面必须添加 ref , 用于最后提交获取 Form 表单的实例
3. 给 Form 设置属性 rules :rules
4. 给需要验证的每个 FormItem 设置属性 prop , 用于表单验证和绑定属性一致
iview验证多个表单问题
export default {
methods:{
this.$refs.addForm.validate((valid) => {
//第一层验证第一个表单
if (valid) {
this.$refs.editForm.validate((valid) => {
//第二层验证第二个表单
if(valid){
alert('验证成功')
}
})
}
})
}
}
iview自定义表单验证
export default {
data() {
var validateName = function(rule, value, callback){
if(!value){
return callback(new Error("请输入名称"));
}else if(!/^[\u4e00-\u9fa5]+$/.test(value)){
return callback(new Error("请正确输入名称"))
}else{
callback();
}
};
return {
addForm:{
name:""
}
ruleValidate:{
name : [{validator : validateName , trigger : 'blur'}]
}
}
}
}
自定义的验证规则写在 data 里面，在 return 的 ruleValidate 指定字段 validator 里面调用；
trigger：触发机制(blur | change)
pattern：正则表达式
enum：验证字段是否存在其中
equired：是否为空(true | false)
whitespace：空白字符(true | false)
iview表单验证的类型
1. string (字符串/默认类型)
2. number (数字)
3. boolean (布尔类型)
4. method (函数)
5. float (浮点数)
6. integer (整数)
7. array (数组)
8. object (对象)
9. date (日期)
10. url (URL类型)
11. email (电子邮件类型)
iview 表单 验证_记录 iView 的表单验证相关推荐
- 数据透视表 字段交叉_删除数据透视表的计算字段的宏
数据透视表 字段交叉 Have you ever recorded a macro to remove pivot table calculated fields? Just turn on the ...
- php表单验证_用PHP进行表单验证
php表单验证 In this article you'll construct and validate a simple form using HTML and PHP. The form is ...
- java程序license验证_基于TrueLicense实现产品License验证功能
受朋友所托,需要给产品加上License验证功能,进行试用期授权,在试用期过后,产品不再可用. 通过研究调查,可以利用Truelicense开源框架实现,下面分享一下如何利用Truelicense实现 ...
- mysql分库分表按时间_数据库分库分表思路
一. 数据切分 关系型数据库本身比较容易成为系统瓶颈,单机存储容量.连接数.处理能力都有限.当单表的数据量达到1000W或100G以后,由于查询维度较多,即使添加从库.优化索引,做很多操作时性能仍下降 ...
- mysql表的类型_浅谈MySQL表类型
MySQL为我们提供了很多表类型供选择,有MyISAM.ISAM.HEAP.BerkeleyDB.InnoDB,MERGE表类型,萝卜白菜各有所爱是不假,可是真正选择何种表类型还是要看业务需要啊,每一 ...
- 数据结构顺序表的查找_数据结构1|顺序表+链表
数据结构学习笔记1 进度:静态分配顺序表+单链表 参考资料:b站 王道考研+小甲鱼 < 判断一个算法的效率时,函数中的常数和其他次要项常常可以忽略,而更应该关注最高项目.的阶数. 推导大O阶方法 ...
- mysql两表查询单个_对两个表进行单个MySQL选择查询是可能的吗？
是的,有可能.以下是语法-select * from yourTableName1,yourTableName2; 让我们首先创建一个表-mysql> create table DemoTabl ...
- 2007数据透视表如何删除_删除数据透视表标题中的总和
2007数据透视表如何删除 When you're building a pivot table, if you add fields to the Values area, Excel automa ...
- excel工作表添加目录_长Excel工作表的目录
excel工作表添加目录 In the comments for my post on creating a table of contents in Excel, Eden asked: " ...
最新文章
- [NOI 2015]荷马史诗
- 内网端口 转发 穿透 工具简介
- JavaScript的表单事件
- windows下启动/关闭Sybase数据库服务器
- android 禁止Viewpager左右滑动功能
- SAP Commerce开发时的Spring学习要点记录
- linux java jar war_简单介绍Java 的JAR包、EAR包、WAR包区别
- STL学习笔记-multimap的基本使用
- python asyncio_Python中asyncio神器的入门
- iOS开发使用UIKeyInput自定义密码输入框
- utilities（C/C++）
- python提现_用Python创建比特币钱包，读余额，极速免费转账，标准转账
- nuke软件功能有哪些？苹果Mac影视后期特效合成软件NUKE 13
- Discuz! X3.0/X3.1/X3.2通用 Apache伪静态规则
- 【0201】用户登录界面设计
- 英文简历模板计算机专业,计算机专业英文简历模板制作
- 1.2. Linear and Quadratic Discriminant Analysis（线性判别和二次判别分析）（一）
- PTA乙级1014（python3）
- Loadrunner场景设计之场景计划
- 转载为什么USART的RX和TX和SPI的MISO、MOSI都被配置成推挽输出，他们还能正常工作