jQuery--找寻元素

jquery找寻id元素时也为类数组对象，也必须加上角标[0]才能找到

      <div class="mt-5">
        <!--<div class="v-fm ipt-box">
          <div class="">真实姓名:</div>
          <div class="v-i1"><input type="text" id="user-name"></div>
        </div>-->
        <div class="v-fm ipt-box">
          <div>手机号码:</div>
          <div class="v-i1"><input type="text" id="user-phone"></div>
        </div>
        <div class="v-fm ipt-box">
          <div>详细地址:</div>
          <div class="v-i1"><input type="text" id="user-address"></div>
        </div>
        <div class="v-fm ipt-box">
          <div>电子邮件:</div>
          <div class="v-i1"><input type="text" id="user-email"></div>
        </div>
      </div>
<script>
  var reg_chinese = /^[\u4e00-\u9fa5]+$/;
  var reg_phone = /^1[34578]\d{9}$/;
  var reg_email = /^(\w)+(\.\w+)*@(\w)+((\.\w{2,3}){1,3})$/;

  var $user_name = $('#user-name');
  var $user_phone = $('#user-phone');
  var $user_addr = $('#user-addr');
  var $user_email = $('#user-email');

  $(function(){
    $('.o-submit').click(function(){
        if(!!$user_name&&!reg_chinese.test($user_name.val())){
        mask_okplus('真实姓名有误，请重新输入','确定','');
      }
      else if(!reg_phone.test($user_phone.val())){
        mask_okplus('手机号码有误，请重新输入','确定','');
      }
      else if($user_addr.val()=='undefined'){
        mask_okplus('请填写地址','确定','');
      }
      else if(!reg_email.test($user_email.val())){
        mask_okplus('邮箱输入有误','确定','');
      }
    });
  });
</script>

发现当我把真实姓名注释掉以后，还是走了 if 里面的内容，在此核对逻辑问题，发现逻辑没有问题。
后来在 !!$user_name 后面加上 角标[0] 然后就好使了