單個input輸入框(脫離表單的),新增校驗

2021-10-06 13:26:19 字數 794 閱讀 8363

使用到 @blur事件, @blur事件是當元素失去焦點時所觸發的事件

用法:

="kong jichushux" v-

for=

"(item, index) in jichupro"

:key=

"index"

>

"3">

="little-title"

>

}<

/span>

<

/el-col>

"6">

"vvisible"

>

}<

/span>

else v-model=

"item.value" @blur=

"checkright(item)"

>

<

/el-input>

<

/el-col>

<

/el-row>

此處還用到的是行的迴圈,需要挨個對每行進行校驗

checkright

(el)

break

;case

'物件型別':if

(val && val.

substr(0

,5)!==

'value'

)break

;case

'物件型別':if

(!val)

break

;default

:break;}

}

input表單輸入框聚焦動畫特效

class inputbox class effect 1 type text placeholder placeholder text class focus border i span div inputbox class類用於布局,就是乙個input容器,便於 我這裡設定每一行分為3個列 可根...

input表單輸入框聚焦動畫系列

inputbox class類用於布局,就是乙個input容器,便於 我這裡設定每一行分為3個列 可根據自己需求設定 inputbox 然後為input元素設定一些通用樣式。input type text focus effect 1 class類就代表這不同的input表單獲取焦點的動畫樣式種類,...

input 輸入框限制

只能輸入數字和乙個小數點 function clearnonum obj g,只保留第乙個.清除多餘的 obj.value obj.value.replace replace g,replace obj.value obj.value.replace d d 1 2.3 只能輸入6個小數 親測有用!...