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] 然后就好使了