element ui 迴圈表單驗證提交展示

2021-10-04 20:06:33 字數 471 閱讀 3554

1.表單

maininfo" :model="maininfo[index]" :ref="'maininfoform'+index" :rules="maininforules" label-width="160px">

企業}刪除

}企業內部預設顯示此名稱

}完成企業認證後可開通您需要的所有業務模組,並且能申請電子印章

2.script

export default 

] ,

maininforules: 

],enterprisearea: [

],businessno: [

],corporate: [

],corporatecardno: [

],registeraddress: [

]} }

}

3.新增刪除,只需要控制maininfo這個陣列即可

element ui表單驗證

可以在pattern中書寫正則,並且配合elementui進行表單驗證。pattern 屬性規定用於驗證輸入欄位的模式。模式指的是正規表示式。rules message 以字母開頭,長度在2 5之間,只能包含字元 數字和下劃線 password message 只能輸入6 20個字母 數字 下劃線 ...

elementUI表單驗證

elementui表單驗證非常方便,我們直奔主題 1 驗證表單中的某個字段 驗證contact欄位 this.refs.orderform.validatefield contact 驗證phone欄位 this.refs.orderform.validatefield phone 2 驗證整個表單...

element ui表單驗證 正則驗證

數字型別的驗證需要在 v model 處加上 number 的修飾符,這是 vue 自身提供的用於將繫結值轉化為 number 型別的修飾符。export default methods at position 209 resetfo refs formname resetfields const ...