www-huanghe/modules/login/views/updatePsd.html

<ion-view view-title="修改密码">
  <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>
    <h3 class="DockingTheme_h3">修改密码</h3>
  </div>
  <ion-content  has-bouncing="true" overflow-scroll="true" id="new_register" style="background-color:#ffffff;" class="has-header web-style">
    <div style="height: 31px" style="display: block;margin:50px auto 53px">
    </div>
    <div class="login-mian" >
      <div class="login-content">
        <form name="form" novalidate="novalidate">
          <div class="input-wrap row row-center reg" ng-class="{warn:form.oldpassword.$dirty&&form.oldpassword.$error.required}">
            <label  class="left-icon-wrap">
              旧密码
            </label>
            <input type="{{show_psd ? 'text' : 'password'}}"   name="oldpassword" class="col login-input" placeholder="输入6-20位英文数字组合旧密码" ng-model="password.oldpassword" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"
                   id="oldpassword"
                   required
                   ng-focus
                   ng-maxlength="20"
                   ng-minlength="6"/>
            <!--<span class="ion-ios-locked-outline  repeatIcon"></span>-->
            <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>
          </div>
          <div style="width: 100%; height: 20px; position: absolute;top:55px;">
        <span class="tel_error" ng-if="(form.oldpassword.$invalid && form.oldpassword.$dirty && !form.oldpassword.$focused) || (form.oldpassword.$invalid && submitted)">
        <small ng-if="form.oldpassword.$error.minlength">*旧密码不能少于6位</small>
        <small ng-if="form.oldpassword.$error.maxlength">*旧密码不能多于20位</small>
        <small ng-if="form.oldpassword.$error.required">*旧密码不能为空</small>
        </span>
          </div>
          <div class="input-wrap row row-center mt-20 reg" ng-class="{warn:form.password1.$dirty&&form.password1.$error.required}">
            <label  class="left-icon-wrap">
              新密码
            </label>
            <input type="{{show_psd1 ? 'text' : 'password'}}" name="password1" class="col login-input" placeholder="输入7-20位英文数字组合新密码" ng-model="password.password1" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"
                   id="password1"
                   required
                   ng-focus
                   ng-maxlength="20"
                   ng-minlength="7"/>
            <!--<span class="ion-ios-locked-outline  repeatIcon"></span>-->
            <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:125px;">
        <span class="tel_error" ng-if="(form.password1.$invalid && form.password1.$dirty && !form.password1.$focused) || (form.password1.$invalid && submitted)">
        <small ng-if="form.password1.$error.minlength">*新密码不能少于7位</small>
        <small ng-if="form.password1.$error.maxlength">*新密码不能多于20位</small>
        <small ng-if="form.password1.$error.required">*新密码不能为空</small>
        </span>
          </div>
          <div class="input-wrap row row-center mt-20 reg" ng-class="{warn:form.password2.$dirty&&form.password2.$error.required}">
            <label  class="left-icon-wrap">
              重复密码
            </label>
            <input type="{{show_psd2 ? 'text' : 'password'}}"   name="password2" class="col login-input" placeholder="输入7-20位英文数字组合重复密码" ng-model="password.password2" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"
                   id="password2"
                   required
                   ng-focus
                   ng-maxlength="20"
                   ng-minlength="7"/>
            <!--<span class="ion-ios-locked-outline  repeatIcon"></span>-->
            <button class="psd-control" ng-click="showPassword2()">
              <i class="icon  {{show_psd2 ? 'ion-ios-unlocked-outline' : 'ion-ios-locked-outline'}} " style="font-size: 26px;"></i>
            </button>
          </div>
          <div style="width: 100%; height: 20px; position: absolute;top:197px;">
            <span class="tel_error" ng-if="(form.password2.$invalid && form.password2.$dirty && !form.password2.$focused) || (form.password2.$invalid && submitted)">
              <small ng-if="form.password2.$error.minlength">*重复密码不能少于7位</small>
              <small ng-if="form.password2.$error.maxlength">*重复密码不能多于20位</small>
              <small ng-if="form.password2.$error.required">*重复密码不能为空</small>
            </span>
            <span class="tel_error" ng-if="form.password2.$valid">
               <small ng-if="password.password2!=password.password1">*新密码和重复密码不一致!</small>
            </span>
          </div>
          <div class="blank-h12"></div>
          <button class="button button-block  button-positive my_register" ng-click="updatePsd(password)" type="submit" ng-disabled="(form.oldpassword.$pristine||form.password1.$pristine|| form.password2.$pristine)||(form.oldpassword.$dirty&&form.oldpassword.$invalid )||(form.password1.$dirty&& form.password1.$invalid)||(form.password2.$dirty&& form.password2.$invalid)||(password.password1!=password.password2)">
            提交
          </button>
        </form>
      </div>
    </div>
  </ion-content>
</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>