zhkt/protected/view/user-info.html

<!-- include 'header' -->
<div class="mainWrap">
  <div class="width1000">
    <div class="leftMenu">
      <ul>
        <li><a href="{{rootUrl}}classlist">继续教育</a></li>
        <li><a href="{{rootUrl}}orderlist">订单中心</a></li>
        <li><a class="active" href="{{rootUrl}}userinfo">信息设置</a></li>
      </ul>
    </div>
    <div class="rightMain">
      <div class="userTitle">
        <h5>个人信息</h5>
      </div>
      <div class="userClass">
        <div class="formItem">
          <dl>
            <dt>您的头像：</dt>
            <dd><b><img src="{{useravatar}}" width="50" height="50"></b>&nbsp;<a href="{{rootUrl}}changeAvatar">修改头像</a></dd>
            <dt>您的称呼：</dt>
            <dd><b>{{userinfo.username}}</b>&nbsp;<a href="{{ssoUrl}}chpasswd">修改密码</a></dd>
            <dt>身份证号：</dt>
            <dd><!-- if empty({{userinfo.idcard}}) --><b></b><a href="{{rootUrl}}setId?from=userinfo">添加身份证</a><!-- else --><b id="idcard">{{userinfo.idcard}}</b>&nbsp;<a href="#" data-toggle="modal" data-target="#modal" onclick="getid();">修改身份证</a><!-- endif --></dd>
            <dt>手机号：</dt>
            <dd><b><!-- if empty({{userinfo.mobile}}) --></b><a href="{{ssoUrl}}addMobile">添加邮箱</a><!-- else -->{{userinfo.mobile}}&nbsp;</b><a href="{{ssoUrl}}changeMobile">修改手机号</a><!-- endif --></dd>
            </dd>
            <dt>邮箱：</dt>
            <dd><b><!-- if empty({{userinfo.useremail}}) --></b><a href="{{ssoUrl}}addMail">添加邮箱</a><!-- else -->{{userinfo.useremail}}&nbsp;</b><a href="{{ssoUrl}}changeMail">修改邮箱</a><!-- endif --></dd>
          </dl>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- 修改身份证号 -->
<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">修改身份证号</h4>
      </div>
      <div class="modal-body">
        <div class="clearfix">
          <label for="idcard2" class="col-sm-3 control-label">身份证号：</label>
          <div class="col-sm-7">
            <input type="text" class="form-control" value="" id="idcard2">
            <label id="idmsg" style="color: red;padding-top: 20px;"></label>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" onclick="changeid();">确定</button>
      </div>
    </div>
  </div>
</div>

<!-- include 'footer' -->
<script>

  function getid(){
    $('#idcard2').val($('#idcard').text());
  }

  function changeid(){
    $('#idmsg').text();
    if($.trim($('#idcard2').val()) == ''){
      $('#idmsg').text('请输入您的身份证号码');
      return false;
    }else if(isCardNo($.trim($('#idcard2').val())) == false){
      $('#idmsg').text('身份证格式出错，请重新输入');
      return false;
    }
    $.ajax({
      type: 'get',
      url: '/updateId?id='+$.trim($('#idcard2').val()),
      dataType: 'json',
      success: function(result){
        if(result.code != 200){
          $('#idmsg').text(result.data);
        }else{
          $('#idcard').text($.trim($('#idcard2').val()));
          $('#idmsg').text();
          $('#modal').modal('hide');
        }
      }
    })

  }

  // 验证身份证
  function isCardNo(card) {
    var pattern = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
    return pattern.test(card);
  }
</script>
</body>
</html>