讀古今文學網 > Vue2實踐揭秘 > 附錄B Vee-Validate驗證規則參考 >

附錄B Vee-Validate驗證規則參考

日期類驗證規則
    date_format:{format}  

驗證的字段必須是指定格式的有效日期。使用任何日期規則時,此規則必須存在。

參數

● Format:日期格式。詳細的格式可以參考moment.js。

    after:{target}  

用於檢測日期型字段值,輸入日期必須晚於指定的目標值。

參數

● target:要驗證的輸入名稱。必須具有與date_format規則相同的格式。

    before:{target}  

驗證字段必須具有有效日期,並且其值必須早於在目標字段中的日期值。

    date_between:{min,max}  

驗證的字段必須是指定的兩個日期之間的有效日期。

參數

● min:日期的最小允許值。必須採用與date_format規則相同的格式。

● max:日期的最大允許值。必須採用與date_format規則相同的格式。

數字類驗證規則
    between:{min},{max}  

驗證字段必須在最小值和最大值限定範圍內。

參數

● min:最小值。

● max:最大值。

    

decimal:{decimals?}  

驗證字段必須是數字,並且可以包含指定的小數點數。

● decimals:最大允許小數點數。未通過小數將接受可能包含或可能不包含小數點數字的數字數據。

    numeric  

驗證的字段只能由數字組成。

    digits:{length}  

驗證字段必須是數字,並且具有指定的位數。

Length:數字的位數

字符串驗證
    alpha  

驗證字段只能包含字母字符。

    alpha_dash  

驗證字段可能包含字母字符、數字、破折號或下劃線。

    alpha_num  

驗證的字段可以包含字母字符或數字。

    max:{length}  

驗證長度下的字段不能超過指定的長度。

● length:表示最大字符數的數值。

    url:{domain?}  

驗證的字段必須是有效的網址。可以可選地傳遞域。支持子域。

● domain:如果網址屬於特定網域,請添加另一個檢查。tlds可以提高精度。

    min:{length}  

驗證長度的字段不應小於指定的長度。

參數

● length:表示最小字符數的數值。

    

confirmed:{target}  

驗證字段必須與確認字段具有完全相同的值。

參數

● target:目標對照字段的名稱。

    dimensions:{width},{height}  

添加到驗證字段的文件必須是具有指定尺寸的圖像(jpg、svg、jpeg、png、bmp、gif)。

參數

● width:圖片寬度。

● height:圖片高度。

email

驗證的字段必須是有效的電子郵件。

ip

驗證字段必須有一個有效的IPv4值的字符串。

文件類驗證規則
    mimes:[list]  

添加到驗證字段的文件類型應該具有指定的MIME類型之一。

參數

● [list] -逗號分隔的MIME類型列表。mimes:image/jpeg|image/png。

可以使用「」指定通配符,例如mimes:image/表示將接受所有圖像類型。

    ext:[extensions]  

添加的文件在驗證下的字段必須指定其中一個擴展名。

參數

● [extensions]以逗號分隔的擴展名列表。例如:ext:jpg、png、bmp、svg。

    size:{kb}  

添加到驗證字段的文件大小不能超過指定的大小(以千字節為單位)。

參數

● size:最大文件大小(以千字節為單位)。

image

添加的文件驗證下的字段必須有一個image mime類型(image/*)。

    in:[list]  

驗證的字段必須具有指定列表中的值。

參數

● [list]以逗號分隔的值列表。例如:in:1,2,3,4。

    not_in:[list]  

驗證的字段的長度不應該在指定值範圍內。

參數

以逗號分隔的無效值列表。例如:not_in:1,2,3,4。

    regex:{pattern}  

驗證的字段必須匹配指定的正則表達式。

● pattern:正則表達式;

● flags:正則表達式標誌列表(可選)。

例如:

    表達式: ^([0-9]+)$

    // 只接受數值型的數據  

不應該使用pipe |。在HTML中的正則表達式中,因為它會導致與驗證器解析的工作方式發生衝突。解決方法是以編程方式附加字段,並在那裡傳遞正則表達式。

required

驗證的字段必須具有非空值。默認情況下,如果驗證器具有「空值」,則它們通過驗證,除非它們是必需的。那些空值是:empty、string、undefined、null。