pc手机&姓名&地址验证&input提示文案兼容ie

本文介绍了一段用于前端表单验证的JavaScript脚本,包括电话号码、姓名和地址的验证功能。电话号码验证确保输入符合中国手机号码的标准格式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

        phone_validate : function(user_name,validate,tips){
            user_name.focus(function(){
                tips.html("");
                if($(this).val() == "请填写您的电话号码"){
                    $(this).val("");
                }
            });
            user_name.blur(function(){
                validate();
                if($.trim($(this).val()) == "" || $.trim($(this).val()) == null || $.trim($(this).val()) =="请填写您的电话号码"){
                    $(this).val("请填写您的电话号码");
                }
            });
        },
        name_validate : function(user_name,nameV,tips){
            user_name.focus(function(){
                tips.html("");
                if($(this).val() == "请填写您的姓名"){
                    $(this).val("");
                }
            });
            user_name.blur(function(){
                nameV();
                if($.trim($(this).val()) == "" || $.trim($(this).val()) == null || $.trim($(this).val()) =="请填写您的姓名"){
                    $(this).val("请填写您的姓名");
                }
            });
        },
        address_validate : function(user_name,addressV,tips){
            user_name.focus(function(){
                tips.html("");
                if($(this).html() == "请填写您的地址"){
                    $(this).html("");
                }
            });
            user_name.blur(function(){
                addressV();
                if($.trim($(this).html()) == "" || $.trim($(this).html()) == null || $.trim($(this).html()) =="请填写您的地址"){
                    $(this).html("请填写您的地址");
                }
            });
        },
        addressValideate:function(addressEat,addressError){
            var that=this;
            return function(){
                if((addressEat.attr("value")=="")||(addressEat.attr("value")=="请填写您的地址")){
                    addressError.html("请填写您的地址");
                    that.addressFlag=false;
                }else{
                    addressError.html("");
                    that.addressFlag=true;
                    var addressText=addressEat.attr("value");
                }
                return addressText
            }
        },
        nameValideate:function(nameEat,nameError){
            var that=this;
            return function(){
                if((nameEat.attr("value")=="") || (nameEat.attr("value")=="请填写您的姓名")){
                    nameError.html("请填写您的姓名");
                    that.nameFlag=false;
                }else{
                    nameError.html("");
                    that.nameFlag=true;
                    var nameText=nameEat.attr("value");
                }
                return nameText
            }
        },
        phoneValidate:function(phone,phoneStr,addressNamePhoneFlag){//手机号码验证
            if(addressNamePhoneFlag==0){
                var tips=$('#errortips');
            }else{
                var tips=$('#tips');
            }
           
            var reg=/^13[0-9]{9}$|14[0-9]{9}$|15[0-9]{9}$|18[0-9]{9}$|17[8760][0-9]{8}$/;
            return function(){
               var phoneFlag=false;
                phoneStr=phone.attr("value");
                if(reg.test(phoneStr)){
                    tips.html("");
                    phoneStr=phoneStr;
                    phoneFlag=true;
                }else{
                    if((phoneStr=="")||(phoneStr=="请填写您的电话号码")){
                        tips.html("请填写您的电话号码");
                    }else{
                        tips.html("手机号格式不正确");
                    }
                    phoneFlag=false;
                }
                return {flagKey:phoneFlag,strKey:phoneStr};
            }
        },
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值