master

分支 (1)

管理

管理

master

APP_team
/
7_4_1_1_验证手机号.html

<!DOCTYPE html>
<html>
  <head>
    <title>7.4.1.1 验证手机号</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/7_4_1_1_验证手机号/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/7_4_1_1_验证手机号/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- 头像 (组合) -->
      <div id="u3386" class="ax_default" data-label="头像">

        <!-- Unnamed (矩形) -->
        <div id="u3387" class="ax_default box_1">
          <div id="u3387_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u3388" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 头像顶部 (组合) -->
        <div id="u3389" class="ax_default" data-label="头像顶部">

          <!-- Unnamed (形状) -->
          <div id="u3390" class="ax_default box_1">
            <img id="u3390_img" class="img " src="images/7_1_个人信息/u2617.png"/>
            <!-- Unnamed () -->
            <div id="u3391" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u3392" class="ax_default box_1">
          <img id="u3392_img" class="img " src="images/7_4_设置/u3091.png"/>
          <!-- Unnamed () -->
          <div id="u3393" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 手机 (组合) -->
      <div id="u3394" class="ax_default" data-label="手机">

        <!-- Unnamed (图片) -->
        <div id="u3395" class="ax_default image">
          <img id="u3395_img" class="img " src="images/登录_注册页面/u590.png"/>
          <!-- Unnamed () -->
          <div id="u3396" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u3397" class="ax_default image">
          <img id="u3397_img" class="img " src="images/登录_注册页面/u592.png"/>
          <!-- Unnamed () -->
          <div id="u3398" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u3399" class="ax_default image">
          <img id="u3399_img" class="img " src="images/登录_注册页面/u594.png"/>
          <!-- Unnamed () -->
          <div id="u3400" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u3401" class="ax_default image">
          <img id="u3401_img" class="img " src="images/登录_注册页面/u596.png"/>
          <!-- Unnamed () -->
          <div id="u3402" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 上 (组合) -->
        <div id="u3403" class="ax_default" data-label="上">

          <!-- Unnamed (形状) -->
          <div id="u3404" class="ax_default icon">
            <img id="u3404_img" class="img " src="images/登录_注册页面/u599.png"/>
            <!-- Unnamed () -->
            <div id="u3405" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u3406" class="ax_default icon">
            <img id="u3406_img" class="img " src="images/登录_注册页面/u601.png"/>
            <!-- Unnamed () -->
            <div id="u3407" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u3408" class="ax_default label">
            <div id="u3408_div" class=""></div>
            <!-- Unnamed () -->
            <div id="u3409" class="text" style="visibility: visible;">
              <p><span>3.87K/s</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u3410" class="ax_default icon">
            <img id="u3410_img" class="img " src="images/登录_注册页面/u605.png"/>
            <!-- Unnamed () -->
            <div id="u3411" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u3412" class="ax_default icon">
            <img id="u3412_img" class="img " src="images/登录_注册页面/u607.png"/>
            <!-- Unnamed () -->
            <div id="u3413" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u3414" class="ax_default label">
            <div id="u3414_div" class=""></div>
            <!-- Unnamed () -->
            <div id="u3415" class="text" style="visibility: visible;">
              <p><span>10:00am</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u3416" class="ax_default label">
            <div id="u3416_div" class=""></div>
            <!-- Unnamed () -->
            <div id="u3417" class="text" style="visibility: visible;">
              <p><span>100%</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u3418" class="ax_default icon">
          <img id="u3418_img" class="img " src="images/创建账号页面/u843.png"/>
          <!-- Unnamed () -->
          <div id="u3419" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u3420" class="ax_default">

        <!-- Unnamed (矩形) -->
        <div id="u3421" class="ax_default _默认样式">
          <div id="u3421_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u3422" class="text" style="visibility: visible;">
            <p><span>确认</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u3423" class="ax_default">

          <!-- Unnamed (矩形) -->
          <div id="u3424" class="ax_default _默认样式">
            <div id="u3424_div" class=""></div>
            <!-- Unnamed () -->
            <div id="u3425" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (文本框) -->
          <div id="u3426" class="ax_default _默认样式">
            <input id="u3426_input" type="text" value=""/>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u3427" class="ax_default">

          <!-- Unnamed (矩形) -->
          <div id="u3428" class="ax_default _默认样式">
            <div id="u3428_div" class=""></div>
            <!-- Unnamed () -->
            <div id="u3429" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u3430" class="ax_default">

          <!-- 手机号码 (文本框) -->
          <div id="u3431" class="ax_default _默认样式" data-label="手机号码">
            <input id="u3431_input" type="text" value="" maxlength="11"/>
          </div>

          <!-- 清除 (图片) -->
          <div id="u3432" class="ax_default image ax_default_hidden" data-label="清除" style="display: none; visibility: hidden">
            <img id="u3432_img" class="img " src="images/登录_注册页面/清除_u618.svg"/>
            <!-- Unnamed () -->
            <div id="u3433" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u3434" class="ax_default">

          <!-- 验证码 (文本框) -->
          <div id="u3435" class="ax_default _默认样式" data-label="验证码">
            <input id="u3435_input" type="text" value="" maxlength="6"/>
          </div>

          <!-- 清除 (图片) -->
          <div id="u3436" class="ax_default image ax_default_hidden" data-label="清除" style="display: none; visibility: hidden">
            <img id="u3436_img" class="img " src="images/登录_注册页面/清除_u618.svg"/>
            <!-- Unnamed () -->
            <div id="u3437" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>
        </div>

        <!-- 发送验证码 (矩形) -->
        <div id="u3438" class="ax_default _默认样式" data-label="发送验证码">
          <div id="u3438_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u3439" class="text" style="visibility: visible;">
            <p><span>发送验证码</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u3440" class="ax_default image">
          <img id="u3440_img" class="img " src="images/创建账号页面/u793.svg"/>
          <!-- Unnamed () -->
          <div id="u3441" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u3442" class="ax_default image">
          <img id="u3442_img" class="img " src="images/创建账号页面/u795.svg"/>
          <!-- Unnamed () -->
          <div id="u3443" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 吐司提示 (动态面板) -->
        <div id="u3444" class="ax_default ax_default_hidden" data-label="吐司提示" style="display: none; visibility: hidden">
          <div id="u3444_state0" class="panel_state" data-label="短信验证码已发送">
            <div id="u3444_state0_content" class="panel_state_content">

              <!-- Unnamed (矩形) -->
              <div id="u3445" class="ax_default _默认样式">
                <img id="u3445_img" class="img " src="images/创建账号页面/u819.png"/>
                <!-- Unnamed () -->
                <div id="u3446" class="text" style="visibility: visible;">
                  <p><span>短信验证码已发送</span></p>
                </div>
              </div>
            </div>
          </div>
          <div id="u3444_state1" class="panel_state" data-label="该手机号码未注册" style="display: none; visibility: hidden;">
            <div id="u3444_state1_content" class="panel_state_content">

              <!-- Unnamed (矩形) -->
              <div id="u3447" class="ax_default _默认样式">
                <img id="u3447_img" class="img " src="images/创建账号页面/u819.png"/>
                <!-- Unnamed () -->
                <div id="u3448" class="text" style="visibility: visible;">
                  <p><span>该手机号码未注册</span></p>
                </div>
              </div>
            </div>
          </div>
          <div id="u3444_state2" class="panel_state" data-label="手机号码格式不正确" style="display: none; visibility: hidden;">
            <div id="u3444_state2_content" class="panel_state_content">

              <!-- Unnamed (矩形) -->
              <div id="u3449" class="ax_default _默认样式">
                <img id="u3449_img" class="img " src="images/创建账号页面/u819.png"/>
                <!-- Unnamed () -->
                <div id="u3450" class="text" style="visibility: visible;">
                  <p><span>手机号码格式不正确</span></p>
                </div>
              </div>
            </div>
          </div>
          <div id="u3444_state3" class="panel_state" data-label="请先填写手机号码" style="display: none; visibility: hidden;">
            <div id="u3444_state3_content" class="panel_state_content">

              <!-- Unnamed (矩形) -->
              <div id="u3451" class="ax_default _默认样式">
                <img id="u3451_img" class="img " src="images/创建账号页面/u819.png"/>
                <!-- Unnamed () -->
                <div id="u3452" class="text" style="visibility: visible;">
                  <p><span>请先填写手机号码</span></p>
                </div>
              </div>
            </div>
          </div>
          <div id="u3444_state4" class="panel_state" data-label="短信验证码不正确" style="display: none; visibility: hidden;">
            <div id="u3444_state4_content" class="panel_state_content">

              <!-- Unnamed (矩形) -->
              <div id="u3453" class="ax_default _默认样式">
                <img id="u3453_img" class="img " src="images/创建账号页面/u819.png"/>
                <!-- Unnamed () -->
                <div id="u3454" class="text" style="visibility: visible;">
                  <p><span>短信验证码不正确</span></p>
                </div>
              </div>
            </div>
          </div>
          <div id="u3444_state5" class="panel_state" data-label="手机验证成功" style="display: none; visibility: hidden;">
            <div id="u3444_state5_content" class="panel_state_content">

              <!-- Unnamed (矩形) -->
              <div id="u3455" class="ax_default _默认样式">
                <img id="u3455_img" class="img " src="images/创建账号页面/u819.png"/>
                <!-- Unnamed () -->
                <div id="u3456" class="text" style="visibility: visible;">
                  <p><span>手机验证成功</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3457" class="ax_default _三级标题">
        <div id="u3457_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3458" class="text" style="visibility: visible;">
          <p><span>重置密码</span></p>
        </div>
      </div>

      <!-- 验证码 (矩形) -->
      <div id="u3459" class="ax_default label" data-label="验证码">
        <div id="u3459_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3460" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3461" class="ax_default box_1">
        <div id="u3461_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3462" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3463" class="ax_default _二级标题">
        <div id="u3463_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3464" class="text" style="visibility: visible;">
          <p><span>验证手机号码</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3465" class="ax_default label">
        <div id="u3465_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3466" class="text" style="visibility: visible;">
          <p><span>该页面为用户在重置密码操作前，先验证手机号。</span></p><p><span><br></span></p><p><span>1.输入手机号码；</span></p><p><span>2.点击“发送验证码”</span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span>4.点击“确认”，验证手机号码。</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3467" class="ax_default image">
        <img id="u3467_img" class="img " src="images/创建账号页面/u851.png"/>
        <!-- Unnamed () -->
        <div id="u3468" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3469" class="ax_default image">
        <img id="u3469_img" class="img " src="images/创建账号页面/u853.png"/>
        <!-- Unnamed () -->
        <div id="u3470" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3471" class="ax_default image">
        <img id="u3471_img" class="img " src="images/7_4_1_1_验证手机号/u3471.png"/>
        <!-- Unnamed () -->
        <div id="u3472" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3473" class="ax_default image">
        <img id="u3473_img" class="img " src="images/创建账号页面/u855.png"/>
        <!-- Unnamed () -->
        <div id="u3474" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3475" class="ax_default label">
        <div id="u3475_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3476" class="text" style="visibility: visible;">
          <p><span>未填写手机号码</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3477" class="ax_default label">
        <div id="u3477_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3478" class="text" style="visibility: visible;">
          <p><span>手机号码填写格式错误</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3479" class="ax_default label">
        <div id="u3479_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3480" class="text" style="visibility: visible;">
          <p><span>填写的手机号码未注册</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3481" class="ax_default label">
        <div id="u3481_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3482" class="text" style="visibility: visible;">
          <p><span>手机号码已注册，填写正确，</span></p><p><span>成功发送验证短信。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3483" class="ax_default label">
        <div id="u3483_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3484" class="text" style="visibility: visible;">
          <p><span>3.用户将短信内的数字验证码键入；</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3485" class="ax_default image">
        <img id="u3485_img" class="img " src="images/7_4_1_1_验证手机号/u3485.png"/>
        <!-- Unnamed () -->
        <div id="u3486" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3487" class="ax_default label">
        <div id="u3487_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3488" class="text" style="visibility: visible;">
          <p><span>输入的验证码错误</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3489" class="ax_default label">
        <div id="u3489_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3490" class="text" style="visibility: visible;">
          <p><span>输入的验证码正确&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 跳转至</span><span style="color:#0099FF;">7.4.1.2 重置密码</span></p>
        </div>
      </div>
    </div>
  </body>
</html>