想要制作一個郵箱驗證,該制作一個判斷郵箱格式是否正確的頁面效果呢?請看下文詳細介紹。
1、我們這里以文本框為例,新建一個文本輸入框,然后在建一個標簽。文本輸入框用來輸入需要校驗的信息,標簽是我們要顯示的提示語。如圖所示:
2、設置標簽樣式。選中標簽,將提示語的文字顏色給為紅色,然后設置為隱藏。勾選右上角的隱藏選項即可。
3、設置輸入框失去焦點事件。選中文本輸入框,單擊交互面板中的失去焦點時--打開交互設置界面。
4、設置判斷條件。點擊添加條件,設置判斷條件如圖所示:郵箱驗證比較簡單,我們一般只需要驗證@符號和.com兩個關鍵點。所以只要輸入的文字中不包含這兩個元素中的任何一個,我們就顯示提示標簽。
注意:添加兩個條件一定要選擇任何,不要選擇全部,這個就是and和or的區別。
5、配置條件對應的動作。點擊顯示--然后選擇我們第二步中隱藏的提示標簽。這樣在文本框失去焦點的時候會校驗我們添加的條件,如果條件滿足,就顯示提示標簽。
6、配置文字改變時條件及動作。點擊交互面板中的文字改變時--添加條件。我們這里要選擇文字中包含@并且包含.com,提示的標簽隱藏。
注意:這里兩個條件要選擇全部,必須是兩個條件同時滿足才可以。如圖所示:
7、點擊預覽,輸入一個錯誤的格式,會提示格式不正確,修改會提示消失。
以上就是Axure對輸入的內容進行驗證的教程,希望大家喜歡,請繼續關注錯新站長站。
新聞熱點
疑難解答