platform-b2c/src/main/webapp/resources/view/vendor/modal/updateUserTel.html

<style>
    .userTel .modal-body .row {
        line-height: 34px;
        font-size: 14px;
    }
</style>
<div class="modal-header">
    <h3 class="f14 modal-title"><i class="fa fa-lock fa-fw"></i>手机验证</h3>
</div>
<form class="userTel" name="sampleSendForm" ng-submit="ok()">
    <input type="hidden" ng-model="pageToken"/>
    <div class="modal-body">
        <div class="row line" ng-class="{'has-success': checkSuccess, 'has-error': checkFailed}">
            <label class="col-md-4 col-sm-4 col text-right">原手机号：</label>
            <div class="col-md-4 col-sm-4 col"><input ng-model="user.userTel" class="form-control input-sm"
                                                      type="userTel"  ng-blur="checkUserTel(user.userTel)" required
                                                      ></div>
            <div class="col-md-4 col-sm-4 col">
                <span ng-show="checking">验证手机号...</span>
                <i ng-show="checkSuccess" class="fa fa-check" style="color:#339933"></i>
                <i ng-show="checkFailed" class="fa fa-close" style="color:#CC3333;"></i>
            </div>
        </div>
        <div class="row">
            <label class="col-md-4 col-sm-4 col text-right">新手机号：</label>
            <div class="col-md-4 col-sm-4 col">
                <input ng-model="user.newUserTel"
                       class="form-control input-sm" type="newUserTel" required ng-blur="telEnable(user.newUserTel)">
                <!-- <div>密码复杂度</div> -->
            </div>
            <div class="col-md-4 col-sm-4 col">
                <span ng-show="checking1">验证手机号...</span>
                <i ng-show="checkSuccess1" class="fa fa-check" style="color:#339933"></i>
                <i ng-show="checkFailed1" class="fa fa-close" style="color:#CC3333;"></i>
            </div>
        </div>
        <div class="row">
            <label class="col-md-4 col-sm-4 col text-right">验证码：</label>
            <div class="col-md-4 col-sm-4 col">
                <input ng-model="telCheckCode"
                       class="form-control input-sm" ng-disabled="!codeSuccess" type="telCheckCode" ng-blur="validTelCheckCode(telCheckCode)" required>
            </div>
            <div class="col-md-4 col-sm-4 col">
                <input ng-click="sendTelCheckCode(user.newUserTel)" ng-disabled="!sendSuccess" ng-init="paracont='获取验证码'" class="btn btn-primary" ng-model="paracont"/>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button class="btn btn-primary" ng-disabled="!validSuccess" type="submit">确认修改</button>
        <button class="btn btn-default" ng-click="cancel()" type="button">取消</button>
    </div>
</form>