在過去分享的一例“強密碼”驗證中存在一些不盡如人意的地方，因此昨天我重新思考并分享另一個示例。本文將詳細介紹如何按圖構(gòu)建“強密碼”控件。 設(shè)計控件結(jié)構(gòu)首先，新建一個文本框并命名為“Password”。

在過去分享的一例“強密碼”驗證中存在一些不盡如人意的地方，因此昨天我重新思考并分享另一個示例。本文將詳細介紹如何按圖構(gòu)建“強密碼”控件。

設(shè)計控件結(jié)構(gòu)

首先，新建一個文本框并命名為“Password”。接著，新建一個文本標簽，命名為“l(fā)astone”，內(nèi)容可以隨意設(shè)置，比如“最后一個字母”。然后，新建五個復(fù)選框，分別命名為“Special”、“number”、“capital”、“Lowercase”和“amount”。

設(shè)置文本標簽內(nèi)容

接下來，新建四個文本標簽，分別命名為“Special”、“number”、“capital”和“Lowercase”，將它們的文本內(nèi)容設(shè)置為0。再新建四個文本標簽，分別命名為“Special_string”、“number_string”、“Lowercase_string”和“capital_string”，并設(shè)置它們的內(nèi)容，如特殊字符、數(shù)字、小寫字母和大寫字母。

配置交互動作

針對文本框“Password”的“文本改變時”設(shè)置交互動作。根據(jù)不同的條件，設(shè)置增加或刪除字符時的交互動作，包括增加小寫字母、大寫字母、特殊字符和數(shù)字的判定條件，以及字符數(shù)量大于等于6或小于6時的狀態(tài)判定條件。

注意事項與邏輯設(shè)計

需要注意的是，所有用例都是基于“if”判斷方式，而非“else if”。整體邏輯和動作設(shè)計相對簡單，只需耐心設(shè)置每個交互動作即可。最終的結(jié)果是否符合預(yù)期呢？如果覺得本文對您有幫助，請不吝投票和點贊支持哦！