uView 表單驗證

2022-09-19 04:12:09 字數 1929 閱讀 8809

簡介

介面,繫結物件繫結規則。物件規則,api

uview的表單驗證:--- 介面(三個包裹),繫結資料 :model , v-model、繫結規則 ref="規則物件",prop="規則物件「,定義物件( form )和規則(rule),註冊和呼叫api

屬性::model:繫結物件

ref:通過ref,在onready生命週期呼叫元件的setrules方法繫結驗證規則。 this.$ref.引用.setresult()。繫結規則

作用:生成表單域

屬性label:標籤名

prop:繫結rules裡規則物件。繫結規則

作用:設定驗證規則

屬性v-model:雙向繫結。繫結物件

placehodler:提示資訊

生成物件

在data裡生成雙向繫結的

data() ,

繫結規則

用rules繫結規則:

rules裡需要prop繫結的物件定義規則

規則引數

trigger:觸發校驗的方式有2種:

change:字段值發生變化時校驗

blur:輸入框失去焦點時觸發

如果同時監聽兩種方式,需要寫成陣列形式:['change', 'blur']

required

布林值,是否必填,配置此引數不會顯示輸入框左邊的必填星號,如需要,請配置u-form-item的required為true

pattern

要求此引數值為乙個正規表示式,如: /\d+/,不能帶引號,如:"/\d+/",元件會對字段進行正則判斷,返回結果。

min最小值,如果字段型別為字串和陣列,會取字串長度與陣列長度(length)與min比較,如果欄位是數值,則直接與min比較。

max最大值,規則同min引數

len指定長度,規則同min,優先順序高於min和max

enum 指定的值,配合 type: 'enum'使用

whitespace

如果字段值內容都為空格,預設無法通過required: true校驗,如果要允許通過,需要將此引數設定為true

transform,校驗前對值進行轉換,函式的引數為當前值,返回值為改變後的值,引數如如下:

value:當前校驗欄位的值

message

校驗不通過時的提示資訊

validator:自定義同步校驗函式,引數如下:

rule:當前校驗欄位在 rules 中所對應的校驗規則

value:當前校驗欄位的值

callback:校驗完成時的**,一般無需執行callback,返回true(校驗通過)或者false(校驗失敗)即可

asyncvalidator:自定義非同步校驗函式,引數如下:

rule:當前校驗欄位在 rules 中所對應的校驗規則

value:當前校驗欄位的值

callback:校驗完成時的**,執行完非同步操作(比如向後端請求資料驗證),如果不通過,需要callback(

new error('提示錯誤資訊')),如果校驗通過,執行callback()即可

註冊規則api

//

必須要在onready生命週期,因為onload生命週期元件可能尚未建立完畢

onready()

校驗規則api

this.$refs.uform.validate(valid => 

else

});

總結: 

uview的表單驗證:--- 介面(三個包裹),繫結資料 :model , v-model、繫結規則 ref="規則物件",prop="規則物件「,定義物件( form )和規則(rule),註冊和呼叫api

使用

提交

python表單驗證 表單驗證

django有乙個form類為我們提供了強大的表單驗證提交。1 建立form from django import forms class commentform forms.form name forms.charfield label 您的姓名 max length 100 email form...

uview 滑動切換

html template view class content u swiper list list2 keyname image showtitle autoplay false circular u swiper u modal show show title test confirmtext...

antd 如何清除表單驗證(聯動表單驗證)

備註 投標的3種狀態 當我們使用antd的form表單時,可能會遇到2個表單聯動的情況,試想一下以下場景 投標利率我們設定在 3 7 以內,也就是說,輸入框不能取值的範圍是3 7 符合3 7就觸發不了表單驗證了!當投標狀態是 投標 共三種 時,該投標利率表單驗證生效,如果選擇其他狀態,則不生效,如果...