關(guān)于iview表單驗證的問題

iview表單驗證的步驟：

第一步：給 Form 設(shè)置屬性 rules   :rules
第二步：同時給需要驗證的每個 FormItem 設(shè)置屬性 prop 指向?qū)?yīng)字段即可 prop=”“
第三步：注意：Form標簽里面是  :model
第四步：注意：在Form標簽里面必須添加  ref,相當于id,在此范圍內(nèi)的表單驗證有效
第五步：在操作保存按鈕時，添加方法，對整個表單進行校驗，參數(shù)為檢驗完的回調(diào)，會返回一個 Boolean 表示成功與失敗。

  <Form :label-width="100" ref='contractForm' :model='contractForm' :rules="ruleValidate">    <FormItem label='合同編號：' prop="contractNo">      <Input placeholder="請輸入合同編號" v-model='contractForm.contractNo'></Input>    </FormItem>    //data里面，寫驗證    ruleValidate: {      contractNo:[        { required: true, message: '合同編號不能為空', trigger: 'blur' },      ],    }    //methods里面，寫方法    addChange(name){       this.$refs[name].validate(valid => {         if (valid) {         }       });   </Form> 

iview進行表單驗證select時候驗證失敗的問題：

用iview自帶的表單驗證select標簽的時候，一直驗證不通過，因為iview默認校驗數(shù)據(jù)類型為String，而我的select用的value是number類型的

ruleValidate: {  customer:[      { required: true, message: '客戶名稱不能為空', trigger: 'blur',type:'number'},    ],    } 

iview進行表單驗證時間日期驗證失敗的問題：

和下拉框一樣，日期的類型是data

 ruleValidate: {  advance:[      { required: true, message: '預(yù)送達時間不能為空', trigger: 'change' ,type: 'date'},    ],   }

iview進行多重驗證的寫法：

多重驗證包括第一要驗不能為空，第二要驗證限制的一些長度，寫正則表達式等

  ruleValidate: {       goodsNum: [           { required: true, message: '數(shù)量不能為空', trigger: 'blur' },           { type: 'string',pattern:/^(([1-9]/d{0,3})|0)(/./d{0,2})?$/, message:'數(shù)量應(yīng)為正浮點數(shù)且不超過9999.99', trigger:'blur'},            ],   }

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持錯新站長站。