前台验证电话或姓名重复（jquery绑定input的change事件）

 

//引入jQuery
<script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>

//表单信息
<form action="" method="post">
    <input type="text" id="tel">
    <span  style="color:red;display: none;">手机号不能重复</span>   <!-- 验证显示 -->
</form>

//ajax验证
<script type="text/javascript">
    $(document).ready(function(){
        $("#tel").change( function() {
            var phone=$("#tel").val();
            $.post('active/check_phone',{//后台接口
                phone:phone
            },function(data){
                if(data==1){
                    $("span").css("display","block");
                }
                if(data==0){
                    $("apan").css("display","none");
                }
            })
        })
    });
</script>