<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>');
}
}
)};
现在需要分开验证 当输入为空错误提示显示“手机号码不能为空” ,当输入错误是提示:“联系方式填写错误” 否则提示:“输入正确” 应该怎么写?
(表单验证的时候,务必要去除前后空格。楼主所需要的功能,可以使用如下方式实现
$('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);
});
if(手机号码空)
alert('手机号不能为空')
else if(上面那个正则)
alert('格式不对')
else
alert('输对了')