www-huanghe/modules/register/views/FortPasd.html

<ion-view>
  <div class="bar bar-header bar-header-blue">
    <div class="button button-icon icon  pus_blue" ng-click="goback()"></div>
    <button class="button button-icon  icon goback whiteGoBack noneContent" ng-click="goback()"></button>
    <h1 ng-if="defaultLan == 'Chinese'" class="bar_title" style="color: #fff">忘记密码</h1>
    <h1 ng-if="defaultLan == 'English'" class="bar_title" style="color: #fff">Forget the password</h1>
  </div>
  <ion-content  has-bouncing="true" overflow-scroll="true" id="new_register" style="background-color:#ffffff;" class="has-header web-style">
    <div ng-if="defaultLan == 'Chinese'">
      <img ng-src="{{loginLogo}}" width="65%" height="31" style="display: block;margin:50px auto 53px"/>
    </div>
    <div ng-if="defaultLan == 'English'" height="31">
    </div>
    <div class="login-mian">
      <div class="register-content">
        <form name="form" novalidate="novalidate">
          <div class="input-wrap row row-center reg" ng-class="{warn:form.tel.$dirty&&form.tel.$error.required}">
            <label ng-if="defaultLan == 'Chinese'" class="left-icon-wrap">
              手机号
            </label>
            <label ng-if="defaultLan == 'English'" class="left-icon-wrap">
              Mobile Phone
            </label>
            <input type="tel" class="col login-input " name="tel" ng-model="user.name" ng-minlength="11"  ng-maxlength="11" required ng-pattern="/1[3|4|5|7|8|9][0-9]{9}/"  ng-focus/>
            <span class="login_pep"></span>
          </div>
          <div style="width: 100%; height: 20px; position: absolute;top:55px;">
             <span  ng-if="(form.tel.$invalid&&form.tel.$dirty &&!form.tel.$focused) || (form.tel.$invalid && submitted )" class="tel_error">
                      <!--//验证1-->
                     <small  ng-if="form.tel.$error.required && defaultLan == 'Chinese'">*请输入手机号</small>
                    <small  ng-if="form.tel.$error.required && defaultLan == 'English'">*Please enter mobile phone</small>
               <!--//验证2-->
                      <small ng-if="form.tel.$error.pattern && defaultLan == 'Chinese'">*请填写正确的手机号</small>
                    <small ng-if="form.tel.$error.pattern && defaultLan == 'English'">*Please enter correct mobile phone</small>
               <!--//验证3-->
                      <small ng-if="form.tel.$error.maxlength && defaultLan == 'Chinese'">手机号不能多于11位</small>
                    <small ng-if="form.tel.$error.maxlength && defaultLan == 'English'">Mobile phone number cannot be more than 11 digits</small>
             </span>
          </div>
          <div class="input-wrap row row-center reg" ng-class="{warn:form.captcha.$dirty&&form.captcha.$error.required}">
            <input type="text" class="col login-input " name="captcha" ng-model="user.captcha"  required  ng-focus/>
            <label ng-if="defaultLan == 'Chinese'" class="left-icon-wrap">
              <button class="button button-small button-positive" ng-click="captcha()" ng-disabled="form.tel.$pristine||form.tel.$invalid||time!=60" ><span ng-if="time==60">获取验证码</span><span ng-if="time!=60">{{time}}秒后可重新获取</span></button>
            </label>
            <label ng-if="defaultLan == 'English'" class="left-icon-wrap">
              <button class="button button-small button-positive" ng-click="captcha()" ng-disabled="form.tel.$pristine||form.tel.$invalid">Get captcha</button>
            </label>
          </div>
<!--          <div style="width: 100%; height: 20px; position: absolute;top:127px;">-->
<!--             <span  ng-if="localStorage.ifcta!=user.captcha" class="tel_error">-->
<!--               <small  ng-if="localStorage.ifcta!=user.captcha && defaultLan == 'Chinese'">*验证码错误</small>-->
<!--              <small  ng-if="localStorage.ifcta!=user.captcha && defaultLan == 'English'">*Verification code error</small>-->
<!--             </span>-->
<!--          </div>-->
          <div class="input-wrap row row-center mt-20 reg"  ng-class="{warn:form.password.$dirty&&form.password.$error.required}" ng-focus="input_focus()">
            <label ng-if="defaultLan == 'Chinese'" class="left-icon-wrap">
              重设密码
            </label>
            <label ng-if="defaultLan == 'English'" class="left-icon-wrap re_password">Password</label>
            <input type="{{show_psd ? 'text' : 'password'}}"  class="col login-input" name="password"  ng-model="user.password"
                   id="password"
                   required
                   ng-focus
                   onfocus="this.removeAttribute('readonly')"
                   autocomplete="new-password"
                   ng-pattern="/^(?=.*?[0-9])(?=.*?[a-z])[0-9a-z]{6,}$/"
                   ng-maxlength="20"
                   ng-minlength="6"/>
            <button class="psd-control" ng-click="showPassword()">
              <i class="icon  {{show_psd ? 'ion-ios-unlocked-outline' : 'ion-ios-locked-outline'}} " style="font-size: 26px;"></i>
            </button>
            <!--  <button class="psd-control" ng-click="showPassword()">
                <i class="icon  {{show_psd ? 'icon-psddisvisiable' : 'icon-psdvisiable'}} " ></i>
              </button>-->
          </div>
          <div style="width: 100%; height: 20px; position: absolute;top:197px;text-align: center">
              <span class="tel_error" ng-if="(form.password.$invalid && form.password.$dirty && !form.password.$focused) || (form.password.$invalid && submitted)">
                        <small ng-if="defaultLan == 'Chinese'&& form.password.$error.pattern">密码不能少于6位,必须包含字母与阿拉伯数字</small>
                        <small ng-if="defaultLan == 'English' && form.password.$error.pattern">The password cannot be less than 6 characters and must contain letters and Arabic numbers</small>
                        <small ng-if="form.password.$error.maxlength && defaultLan == 'Chinese'">密码不能多于20位</small>
                        <small ng-if="form.password.$error.maxlength && defaultLan == 'English'">Password cannot be more than 20 digits</small>
                        <small ng-if="form.password.$error.required && defaultLan == 'Chinese'">密码不能为空</small>
                        <small ng-if="form.password.$error.required && defaultLan == 'English'">Password cannot be empty</small>
              </span>
          </div>

          <div class="input-wrap row row-center mt-20 reg" ng-class="{warn:(form.repeat_password.$dirty&&form.repeat_password.$error.required )||(form.repeat_password.$dirty&&repeat_password!=password)}" ng-focus="input_focus()">
            <label ng-if="defaultLan == 'Chinese'" class="left-icon-wrap">
              确认密码
            </label>
            <label ng-if="defaultLan == 'English'" class="left-icon-wrap">
              Confirm Password
            </label>
            <input type="{{show_psd1 ? 'text' : 'password'}}"  class="col login-input" ng-model="user.repeat_password" name="repeat_password" ng-focus
                   ng-maxlength="20"
                   ng-minlength="6"
                   id="repeat_password"
                   ng-pattern="/^(?=.*?[0-9])(?=.*?[a-z])[0-9a-z]{6,}$/"
                   required
                   pw-check="password"/>
            <button class="psd-control" ng-click="showPassword1()">
              <i class="icon  {{show_psd1 ? 'ion-ios-unlocked-outline' : 'ion-ios-locked-outline'}} " style="font-size: 26px;"></i>
            </button>

          </div>
          <div style="width: 100%; height: 20px; position: absolute;top:269px;text-align: center">
              <span class="tel_error" ng-if="(form.repeat_password.$invalid && form.repeat_password.$dirty && !form.repeat_password.$focused) || (form.repeat_password.$invalid && submitted)">
                        <small ng-if="defaultLan == 'Chinese'&& form.repeat_password.$error.pattern">密码不能少于6位,必须包含字母与阿拉伯数字</small>
                        <small ng-if="defaultLan == 'English' && form.repeat_password.$error.pattern">The password cannot be less than 6 characters and must contain letters and Arabic numbers</small>
                        <small ng-if="form.repeat_password.$error.maxlength && defaultLan == 'Chinese'">*密码不能多于20位</small>
                        <small ng-if="form.repeat_password.$error.required && defaultLan == 'Chinese'">*密码不能为空</small>
                        <small ng-if="form.repeat_password.$error.maxlength && defaultLan == 'English'">*Password cannot be more than 20 digits</small>
                        <small ng-if="form.repeat_password.$error.required && defaultLan == 'English'">*Password cannot be empty</small>
              </span>
            <span class="tel_error" ng-if="form.repeat_password.$valid">
              <small ng-if="user.repeat_password!=user.password && defaultLan == 'Chinese'">*密码和确认密码不一致!!</small>
              <small ng-if="user.repeat_password!=user.password && defaultLan == 'English'">*Password and confirm password are inconsistent</small>
            </span>
          </div>
          <button ng-if="defaultLan == 'Chinese'" class="button button-block  button-positive my_register {{register_finish}}" ng-click="confirm(user)" type="submit"
                  ng-disabled="(form.tel.$pristine||form.password.$pristine||form.repeat_password.$pristine||form.captcha.$pristine)||(form.tel.$dirty&&form.tel.$invalid )||(form.password.$dirty&& form.password.$invalid)||(form.repeat_password.$dirty&& form.repeat_password.$invalid)||(form.captcha.$dirty&&form.captcha.$invalid )||(user.repeat_password!=user.password)">
            确认
          </button>
          <button ng-if="defaultLan == 'English'" class="button button-block  button-positive my_register {{register_finish}}" ng-click="confirm(user)" type="submit"
                  ng-disabled="(form.tel.$pristine||form.password.$pristine||form.repeat_password.$pristine||form.captcha.$pristine)||(form.tel.$dirty&&form.tel.$invalid )||(form.password.$dirty&& form.password.$invalid)||(form.repeat_password.$dirty&& form.repeat_password.$invalid)||(form.captcha.$dirty&&form.captcha.$invalid )||(user.repeat_password!=user.password)">
            confirm
          </button>
          <!--<p class="text">点击 “注册新账号” 即表示您同意并遵守lion<a class="link-text" href="#/userText">用户协议</a>和<a class="link-text" href="#/protocolText">隐私政策</a></p>-->
        </form>
      </div>
    </div>
    <!-- <div class="dm-date-picker" data-dateok="{{dateok}}" okcallback="enabledBook(day)" notokcallback="disabledBook(day)"></div> -->

  </ion-content>
  <div ng-if="isWechat" ng-show="showMessage" class="container">
    <div class="message-box" style="height: 45px; line-height:15px">{{messageTitle}}</div>
  </div>
</ion-view>
<style>
  @media screen and (min-width:900px){
    .web-style{
      position: absolute ;
      width: 50% !important;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      height: 100%;
      overflow: hidden;
      margin-top:30px;
    }
    .scroll-content .scroll{
      width:65% !important;
    }
  }
</style>