這篇文章主要為大家展示了“如何解決iview表單驗(yàn)證的問題”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“如何解決iview表單驗(yàn)證的問題”這篇文章吧。

在訥河等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì) 網(wǎng)站設(shè)計(jì)制作按需定制開發(fā),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站建設(shè),全網(wǎng)營銷推廣,成都外貿(mào)網(wǎng)站建設(shè),訥河網(wǎng)站建設(shè)費(fèi)用合理。

iview表單驗(yàn)證的步驟：

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

  
    
      
    
    //data里面，寫驗(yàn)證
    ruleValidate: {
      contractNo:[
        { required: true, message: '合同編號(hào)不能為空', trigger: 'blur' },
      ],
    }
    //methods里面，寫方法
    addChange(name){
       this.$refs[name].validate(valid => {
         if (valid) {
         }
       }); 
  

iview進(jìn)行表單驗(yàn)證select時(shí)候驗(yàn)證失敗的問題：

用iview自帶的表單驗(yàn)證select標(biāo)簽的時(shí)候，一直驗(yàn)證不通過，因?yàn)閕view默認(rèn)校驗(yàn)數(shù)據(jù)類型為String，而我的select用的value是number類型的

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

iview進(jìn)行表單驗(yàn)證時(shí)間日期驗(yàn)證失敗的問題：

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

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

iview進(jìn)行多重驗(yàn)證的寫法：

多重驗(yàn)證包括第一要驗(yàn)不能為空，第二要驗(yàn)證限制的一些長(zhǎng)度，寫正則表達(dá)式等

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

以上是“如何解決iview表單驗(yàn)證的問題”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

當(dāng)前題目：如何解決iview表單驗(yàn)證的問題-創(chuàng)新互聯(lián)
轉(zhuǎn)載源于：http://weahome.cn/article/dhdpss.html