javascript - 如何用正则分开做验证？

Question

<form>

<lable for="user">手机号码</lable>

<input id="user" type="text" >

</form>

$('form :input').blur(function(){
         var $parent = $(this).parent();

if($(this).is('#user')){

    if(this.value==""||(this.value!=""&&!/^(1[358][0-9]{9})$/.test(this.value))){   
             var error='联系方式填写有误';
             $parent.append('<span class="formtips onError">'+error+'</span>');
           
           
           }else{  var  ok='输入正确';
              $parent.append('<span class="formtips onSuccess">'+ok+'</span>');
           
           }                    
        }  

)};

现在需要分开验证 当输入为空错误提示显示“手机号码不能为空” ，当输入错误是提示：“联系方式填写错误” 否则提示：“输入正确” 应该怎么写？

Answer 1

（表单验证的时候，务必要去除前后空格。楼主所需要的功能，可以使用如下方式实现

$('form input:input').blur(function(e) {
    var $tip = $('<span />', { class: 'formtips' }),
        value = $.trim(this.value);     //  移除前后的空格
        
    if (!value) {
        $tip.addClass('onError').text('手机号码不能为空');
    }
    else if (!/^(1[358][0-9]{9})$/.test(value)) {
        $tip.addClass('onError').text('联系方式填写有误');
    }
    else {
        $tip.addClass('onSuccess').text('输入正确');
    }
    
    $(this).parent().append($tip);
});

Answer 2

if(手机号码空)
alert('手机号不能为空')
else if(上面那个正则)
alert('格式不对')
else
alert('输对了')