Axure Pro7.0 登录逻辑

创建两个Text Field，一个Text，一个Button

   

 账号Text Field：

1. 定义Name为 “UserName”，直接输入文字“请输入账号”而不是Hint Text。

2. OnFocus-- Add Condition 

3.  OnFocus--set Text--UserName value设置为空。

4. OnLostFocus--Add Condition-- text on widget equals value 空

5. OnLostFocus--set Text --UserName value 设置为"请输入账号'

      效果就是，在获取输入焦点时输入框会清空，当输入框为空并缺失焦点时 会出现提示信息“请输入账号”

 6. OnTextChange--hiden Error

密码 Text Field：

定义Name为 “Psw”，Hint Text设置为“请输入密码”，把type设为password。后面步骤和账号一样

错误提示Text： 

定义Name为“Error‘

登录 Button：

1. 定义Name为”Login“

2. onClick--case1-- Add Condition

   Satisfy为all表示两个条件都要满足，any表示满足其一即可

3. onClick--case1--open Link--跳到登录成功页面效果即，输入账号admin密码123即可跳转到登陆成功页面

4. 不成功的情况  onClick--case2-- Add Condition--

 5.  任一不满足都show 错误提示Error， onClick--case2-- show Error

6.  onClick--case2-- set Error Text ”用户名或密码错误“

rp文件下载地址：http://pan.baidu.com/s/1bn6c21x