iview官方文件:
html
"forminline"
:model=
"forminline"
:rules=
"ruleinline" inline>
<
!-- 上下 --
>
"display: flex;margin-top: 24px;"
>
"up"
>
"text" v-model=
"forminline.up" placeholder=
"向上度數" number>
"md-arrow-round-up" slot=
"prepend"
>
<
/icon>
<
/i-input>
<
/form-item>
"down"
>
"text" v-model=
"forminline.down" placeholder=
"向下度數" number>
"md-arrow-round-down" slot=
"prepend"
/>
<
/i-input>
<
/form-item>
<
/div>
<
!-- 左右 --
>
"display: flex;"
>
"left"
>
"text" v-model=
"forminline.left" placeholder=
"向左度數" number>
"md-arrow-round-back" slot=
"prepend"
>
<
/icon>
<
/i-input>
<
/form-item>
"right"
>
"text" v-model=
"forminline.right" placeholder=
"向右度數" number>
"md-arrow-round-forward" slot=
"prepend"
/>
<
/i-input>
<
/form-item>
<
/div>
="a"
>
"primary" @click=
"handlesubmit('forminline')"
>確認<
/i-button>
<
/form-item>
<
/div>
<
/i-form>js（因為使用chrome30所以沒有箭頭函式）
data:
else
if(value=='')
// 模擬非同步驗證效果
type型別
string: 必須是字串型別。這是預設型別
number: 必須是數字
boolean: 必須是布林型的
method:必須是型別函式
regexp: 必須是regexp的例項，或者是在建立新的regexp時不會生成異常的字串
integer:必須是整數.
float:必須是浮點數.
array: 必須是由array.isarray確定的陣列
object: 必須是型別物件而不是array.isarray
enum: 列舉中必須存在值。
date: 按日期確定的值必須有效
url: 必須是url型別。
hex: 必須是十六進製制。
email:必須是電子郵件型別。
required:true | false
pattern :正規表示式
min: 最小值
max: 最大值
length : 長度
enum: 驗證字段是否存在其中
messages: 錯誤資訊
trigger : 『change』 | 『blur』
whitespace : true | false
true:空白字元 ->錯誤提醒
false: 空白字元->不報錯
iView表單空格驗證
iview表單元件使用async validator驗證器對表單域中資料進行驗證，給 form 設定屬性 rules，同時給需要驗證的 formitem 設定屬性 prop 指向對應字段即可。完整的驗證規則請參照開源專案 async validator。驗證方法也支援 promise。當我們對表單中...
iView表單空格驗證
iview表單元件使用async validator驗證器對表單域中資料進行驗證，給 form 設定屬性 rules，同時給需要驗證的 formitem 設定屬性 prop 指向對應字段即可。完整的驗證規則請參照開源專案 async validator。驗證方法也支援 promise。當我們對表單中...
iview表單驗證數字
驗證輸入字串必須為數字 html formitem label 兌換積分 prop exchangeintegral input v model formspecadd.exchangeintegral placeholder 請輸入兌換積分 style width 250px input form...