想要制作一個郵箱驗證,該制作一個判斷郵箱格式是否正確的頁面效果呢?請看下文詳細(xì)介紹。

1、我們這里以文本框為例,新建一個文本輸入框,然后在建一個標(biāo)簽。文本輸入框用來輸入需要校驗的信息,標(biāo)簽是我們要顯示的提示語。如圖所示:

2、設(shè)置標(biāo)簽樣式。選中標(biāo)簽,將提示語的文字顏色給為紅色,然后設(shè)置為隱藏。勾選右上角的隱藏選項即可。


3、設(shè)置輸入框失去焦點事件。選中文本輸入框,單擊交互面板中的失去焦點時--打開交互設(shè)置界面。

4、設(shè)置判斷條件。點擊添加條件,設(shè)置判斷條件如圖所示:郵箱驗證比較簡單,我們一般只需要驗證@符號和.com兩個關(guān)鍵點。所以只要輸入的文字中不包含這兩個元素中的任何一個,我們就顯示提示標(biāo)簽。
注意:添加兩個條件一定要選擇任何,不要選擇全部,這個就是and和or的區(qū)別。

5、配置條件對應(yīng)的動作。點擊顯示--然后選擇我們第二步中隱藏的提示標(biāo)簽。這樣在文本框失去焦點的時候會校驗我們添加的條件,如果條件滿足,就顯示提示標(biāo)簽。

6、配置文字改變時條件及動作。點擊交互面板中的文字改變時--添加條件。我們這里要選擇文字中包含@并且包含.com,提示的標(biāo)簽隱藏。
注意:這里兩個條件要選擇全部,必須是兩個條件同時滿足才可以。如圖所示:



7、點擊預(yù)覽,輸入一個錯誤的格式,會提示格式不正確,修改會提示消失。



以上就是Axure對輸入的內(nèi)容進(jìn)行驗證的教程,希望大家喜歡,請繼續(xù)關(guān)注錯新站長站。
新聞熱點
疑難解答