iview表单验证写法

ruleValidate: {

userName: [

{

required: true,

message: "用户名不能为空",

trigger: "blur"

{

type: "string",

pattern: /^[0-9a-zA-Z]*$/g,

message: "用户名只能是英文或者数字",

trigger: "blur"

}

password: [

{

required: true,

message: "密码不能为空",

trigger: "blur"

}

passwordList: [

{

required: true,

message: "密码不能为空",

trigger: "blur"

roleId: [

{

required: true,

message: "角色不能为空",

trigger: "blur"

}

fullName: [

{

required: true,

message: "该项不能为空",

trigger: "change"

{

type: "string",

pattern: /\u00A9/,

max: 4,

message: "姓名只能是中文且最大长度不能超过4",

trigger: "blur"

}

nickName: [

{ required: true, message: "昵称不能为空", trigger: "change" }

sex: [

{

required: true,

type: "number",

message: "性别不能为空",

trigger: "blur"

}

age: [

{

required: true,

type: "string",

message: "年龄不能为空",

trigger: "blur"

{

type: "string",

pattern: /^\d{n,}$/,

max: 3,

message: "年龄只能为数字且不能超超过3位数",

trigger: "blur"

}

mobileNum: [

{

required: true,

type: "string",

message: "手机号不能为空",

trigger: "blur"

{

type: "string",

pattern: /^[1][3,4,5,7,8][0-9]{9}$/,

message: "不符合手机号码规则",

trigger: "blur"

}

jobTitle: [

{

required: true,

message: "职务不能为空",

trigger: "blur"

}

status: [

{

required: true,

message: "状态不能为空",

trigger: "blur"

}

]

转载于:https://www.cnblogs.com/zhuwu/p/10613821.html

iview表单验证写法相关推荐

iview表单验证不生效问题注意点
按照iview官网介绍写的form表单验证,但是无论填写与否都不进行校验,找了很久的原因,突然才发现一个关键的地方,一定要加props!!! https://blog.csdn.net/xuaner8 ...
iview 表单验证_记录 iView 的表单验证
iview表单验证必要设置 1. 给 Form 标签用 :model 绑定数据 2. 给 Form 标签里面必须添加 ref , 用于最后提交获取 Form 表单的实例 3. 给 Form 设置属性 ...
vue iview表单验证,清除表单验证/去掉表单验证的*号
前言: 最近写isop项目遇到的问题, 表单验证,默认的iview写法加上prop,在data里面定义,input前面就会有个红色的号,表示这里必填加了验证,测试觉得这个号碍眼,让我去掉,第一次遇到这 ...
iview 表单验证_iview 表单验证
北京市上海市深圳市 - 男女提交重置 export default { data () { return { formValidate: { name: '', mail: '', city ...
iview 表单验证_iview必备技能一、表单验证规则
iView表单组件使用async-validator验证器对表单域中数据进行验证,给 Form 设置属性 rules,同时给需要验证的 FormItem 设置属性 prop 指向对应字段即可. 完整的 ...
iview 表单验证
iView表单组件使用async-validator验证器对表单域中数据进行验证,给 Form 设置属性 rules,同时给需要验证的 FormItem 设置属性 prop 指向对应字段即可. 完整的 ...
iview 表单验证问题 Select 已经选择还是弹验证提示
问题:iview 的 Select 下拉框的时候,数据验证必填,明明选择了数据,却一直提示验证不能通过 html代码: <Form ref="FormData" :model ...
vue项目中iview表单验证 this.$refs[name].validate(valid = { }无效
验证成功的时候没有添加 callback(); 加上该方法就可以了转载于:https://www.cnblogs.com/qiandong1933/p/qiandong19333.html
html下拉框失去焦点事件,iview 表单验证 input 用失去焦点事件 blur， select下拉选框要用change事件验证...
Linux MySQL源码安装缺少ncurses-devel包在Red Hat Enterprise Linux Server release 5.7 上用源码安装MySQL-5.6.23时,遇到了 ...

iview表单验证写法

iview表单验证写法相关推荐

最新文章

热门文章