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

<ion-view style="background-color:#ededf0;"  title="绑定手机号码">
  <div class="bar bar-header  bar-header-blue">
    <div class="button button-icon icon  pus_blue" ng-click="hideModel()"></div>
    <button class="ion-android-close hideBackModel" ng-click="hideModel()"></button>
    <h3  class="DockingTheme_h3">绑定手机号</h3>
  </div>
  <ion-content class="has-header" id="content_scroll" has-bouncing="true" overflow-scroll="true" style="padding: 0 12px;background-color: #fff;">
    <div>
      <img ng-src="{{titleLogo}}" width="50%" height="35" style="display: block;margin:50px auto 53px"/>
    </div>
    <form name="form" novalidate="novalidate" style="margin-top: 25px;">
      <div class="input-wrap row row-center" style="width: 90%;border: 1px solid #ccc; height: 50px;margin: 0 auto 20px;border-radius: 4px;top: -12px;" ng-class="{warn:form.tel.$dirty&&form.tel.$error.required}">
        <label  class="left-icon-wrap" style="padding-right: 4px;">
          <span class="bindPhonTel">手机号</span>
        </label>
        <input type="tel" name="tel"  class="col login-input" placeholder="输入手机号码" 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/>
      </div>
      <div style="width: 100%; height: 20px; position: relative;top:-11px;">
             <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">*请输入11位手机号</small>
               <!--//验证2-->
                      <small ng-if="form.tel.$error.pattern">*请填写正确的手机号</small>
               <!--//验证3-->
                      <small ng-if="form.tel.$error.maxlength">手机号不能多于11位</small>
             </span>
      </div>
      <!--<span style="color:red" ng-if"myForm.user.$dirty && myForm.user.$invalid">
           <span ng-if="myForm.user.$error.required">手机号错误</span>
      </span>-->

      <div class="input-wrap row row-center mt-20" style="width: 90%;border: 1px solid #ccc !important; height: 50px;margin: 0 auto 6px;border-radius: 4px;" ng-class="{warn:form.password.$dirty&&form.password.$error.required}">
        <label  class="left-icon-wrap" style="text-align: right;padding-right: 4px;">
          <span class="bindPhonTel">密码</span>
        </label>
        <input type="{{show_psd ? 'text' : 'password'}}" name="password"  class="col login-input" placeholder="输入6-20位密码"  ng-model="user.password" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"
               required
               ng-focus
               ng-maxlength="20"
               ng-minlength="6"/>


        <!--<button class="psd-control  bindTruePassword" ng-click="showPassword()">-->
            <!--获取验证码-->
        <!--</button>-->
      </div>
      <div>
        <div style="width: 100%; height: 20px; position: relative;top:2px;">
             <span class="tel_error" ng-if="(form.password.$invalid && form.password.$dirty && !form.password.$focused) || (form.password.$invalid && submitted)">
                        <small ng-if="form.password.$error.minlength">*密码不能少于6位</small>
                        <small ng-if="form.password.$error.maxlength">*密码不能多于20位</small>
                        <small ng-if="form.password.$error.required">*密码不能为空</small>
             </span>
        </div>
      </div>
        <div class=" text-left" style="width: 100%;padding: 10px;text-align: center;">
            <span ng-click="readCommition()" ng-class="{'submit-mark':true,'bg-blue':readCommit}">
                <i class="icon ion-checkmark-round"></i>
            </span>
            <span>同意接受</span>
            <span style="color: blue" ng-click="showRegistePolicy()">《平台注册协议》</span>
            <span>及</span>
            <span style="color: blue" ng-click="showPrivacyPolicy()">《平台隐私政策》</span>
        </div>
      <div style="width: 100%; height: 20px;color: red;font-size: 12px;padding: 10px;text-align: center" ng-if="readCommit==false&&form.tel.$dirty&&form.password.$dirty&&form.password.$valid&&form.tel.$valid">
        <span>您尚未接受《平台注册协议》，请勾选后再绑定！</span>
      </div>
      <div class="blank-h12"></div>
      <div class="blank-h12"></div>
      <button class="button button-block  button-positive my_login" ng-click="wechatReqLogin()" type="submit" ng-disabled="(form.tel.$pristine||form.password.$pristine)||(form.tel.$dirty&&form.tel.$invalid )||(form.password.$dirty&& form.password.$invalid)||readCommit==false">
         立即绑定
      </button>
    </form>
    <p  class="bindAlert" ng-if="type==2">绑定后，您的微信号和手机号都可以登录</p>
    <p  class="bindAlert" ng-if="type==3">绑定后，您的QQ号和手机号都可以登录</p>
  </ion-content>
  <div ng-if="isWechat" ng-show="showMessage" class="container">
    <div class="message-box">{{messageTitle}}</div>
  </div>
</ion-view>