手机号验证(失去焦点 事件)

一、html部分

<input id="phone" class="fr n1" type="text"  placeholder="卡号/账户名/关系账号" >

<span id="span" class="n1 non" style="margin-left: 22px; font-size: 13px; color: #c7000b;">

                                        卡号/账户名/关系账号输入错误

</span>

二、 css部分

.non{

    display: none;

}

三、js部分(重点)

$("#phone").focusout(function() {

    var num = '000000';      //我设置的号码为000000 输入其他的都不对

    var phone= $("#phone").val();

   if(phone != num){

       $("#span").removeClass("non");

   }else{

       $("#span").addClass("non")

   }

  });

用正则表达式写

$("#phone").focusout(function () {

    var num = /^[1][{3|7|8}][0-9][9]$/;

    var phone = $("#phone").val();

    if (!num.test(phone)) {

        $("#span").removeClass("non");

    } else {

        $("#span").addClass("non");

    }

});

 

欢迎留言和评论;