jQuery校验非法字符以及验证手机号 && 更改背景图片适应

<script type="text/javascript">
　　//初始化加载
    $(function(){
　　　　  //关闭提示的div
        $(".btn-pic").click(function(){
            $(".flag").hide();
        })
　　　　　//进行校验的方法
        function contain(str,charset){
            var i;
            for(i=0; i<charset.length; i++)
                if(str.indexOf(charset.charAt(i))>=0)
            return true;
        }
　　　　 //异步提交表达 调用CheckForm（）进行判断校验
        $("#submit").click(
            function CheckForm(){
　　　　　　　　　 //手机号使用正则表达
                var phoneReg = /(^1[3|4|5|7|8]\d{9}$)|(^09\d{8}$)/;
                var oContainPhone = $.trim($("input[ name='phone' ] ").val());
　　　　　　　　  //获取主题名称
                var oContain = $(" input[ name='insurancename' ] ").val();
　　　　　　　　  //获取用户名
                var oContainName = $(" input[ name='name' ] ").val();
　　　　　　　　　//分别判断主题,用户名,手机号输入是否符合
                if(contain(oContain," ^[^!@#$%^&*.()-=+<>;]+$ ")){
                    //非法 调用提示div
                    $("#erroyByInName").show();
　　　　　　　　　　　　//清空input值
                    $(" input[ name='insurancename' ] ").val("");
                    return false;
                }else if(contain(oContainName," ^[^!@#$%^&*.()-=+<>]+$ ")){
　　　　　　　　　　　　//非法 调用提示div
                    $("#erroyByName").show();
　　　　　　　　　　　　//清空input值
                    $(" input[ name='name' ] ").val("");
                    return false;
                } else if (!phoneReg.test(oContainPhone)){
　　　　　　　　　　　　//非法 调用提示div
                    $("#erroyByPhone").show();
　　　　　　　　　　　　//清空input值
                    $(" input[ name='phone' ] ").val("");
                } else{
                    $.post("/vote/signup",$('#form1').serialize(),function(data){
                        //回调函数中 如果返回0  则用户名已占 显示相关div
                        if(data.code=='0'){
                            $("#erroy").show();
                        }
                        //回调函数中 如果返回1  成功申请 显示相关div
                        if(data.code=='1'){
                            $("#sessicg").show();
                        }
                    })
                }
        })
    })

</script>

<script type="text/javascript">
　　//模拟定义微信id
    var openId = "0021";
    $(function(){
　　　　　//关闭所有提示div
        $(".btn-pic").click(function(){
            $(".flag").hide();
        })
　　　　　//刚加载异步判断openid是否已操作  如果操作 显示
        $.post("/vote/voting",{openId:openId},function (data) {
            if (data.code == 'Y'){
                for (i=0;i<$(".yin").length;i++){
                    if (data.conid == $(".yin:eq("+i+")").html()){
                        $(".yin:eq("+i+")").parent().find(".heart").css({'background':'url(/img/heart.png) top center no-repeat','background-size':'100% 100%'});
                    }
                }
            }
        })
    })
　　//点击时调用方法
    function dianji(vs){
        //获取隐藏域中的id值  获取this
        var vs =$(vs);
　　　　　//获取上一个节点值
        var idvs = vs.prev().html();
　　　　 //获取下一个节点值
        var num = vs.next().html();
　　　　 //字符串 *1  之后  可进行数值操作
        var mm = num * 1 + 1;
                //异步请求进行操作
                $.post("/vote/voting",{id:idvs,openId:openId},function (data) {
                    if(data.code == '1'){
　　　　　　　　　　　　　　//改变?形 自适应
                        $(vs).parent().find(".heart").css({'background':'url(/img/heart.png) top center no-repeat','background-size':'100% 100%'});
                        //页面操作 数值+1  显示
　　　　　　　　　　　　　　 vs.next().html(mm);
　　　　　　　　　　　　　　//提示成功div
                        $("#seccec").show();
                    }
                    if (data.code == 'Y'){
　　　　　　　　　　　　　　 //提示异常div
                        $("#erroyByVote").show();
                    }
                })
    }

</script>

转载于:https://www.cnblogs.com/huazai1996/p/9214990.html