js验证

【vue3项目】打包报错 TypeError: Cannot read properties of undefined (reading ‘wrapper‘) 错误信息"Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'wrapper')" 表明在 JavaScript 代码中尝试访问一个未定义对象的 wrapper属性。在 Vue 3 中,如果你遇到这个错误,很可能是因为你在访问响应式引用之前,该引用还没有被正确初始化或者该引用根本就不存在。 阅读详情

记录下,以后用~~

//验证是否为空

function check_blank(obj, obj_name){
      if(obj.value != ''){  
            return true;  
     }else{  
         alert(obj_name + "所填不能为空!");
         obj.value = "";
         return false;  
     }  
}

//过滤输入字符的长度
function check_str_len(name,obj,maxLength){  
    obj.value=obj.value.replace(/(^\s*)|(\s*$)/g, "");
    var newvalue = obj.value.replace(/[^\x00-\xff]/g, "**");
    var length11 = newvalue.length;
    if(length11>maxLength){
          alert(name+"的长度不能超过"+maxLength+"个字符!");
          obj.value="";
          obj.focus();    
    }
 }

//验证只能为数字
function checkNumber(obj){
    var reg = /^[0-9]+$/;
    if(obj.value!=""&&!reg.test(obj.value)){
         alert('只能输入数字!');
         obj.value = "";
         obj.focus();
         return false;
     }
}

//验证数字大小的范围

function check_num_value(obj_name,obj,minvalue,maxvalue){
    var reg = /^[0-9]+$/;
    if(obj.value!=""&&!reg.test(obj.value)){
        alert(obj_name+'只能输入数字!');
         obj.value = "";
         obj.focus();
         return false;
    }else if(minvalue>obj.value||obj.value>maxvalue){
        alert(obj_name+"的范围是"+minvalue+"-"+maxvalue+"!");
        obj.value="";
        obj.focus();
        return false;
    }

}

//验证只能是字母和数字
function checkZmOrNum(zmnum){
  var zmnumReg=/^[0-9a-zA-Z]*$/;
  if(zmnum.value!=""&&!zmnumReg.test(zmnum.value)){
     alert("只能输入是字母或者数字,请重新输入");
     zmnum.value="";
     zmnum.focus();
     return false;
  }
}

//验证双精度数字
function check_double(obj,obj_name){
    var reg = /^[0-9]+(\.[0-9]+)?$/;
    if(obj.value!=""&&!reg.test(obj.value)){
         alert(obj_name+'所填必须为有效的双精度数字');
         obj.value = "";
        obj.focus();
         return false;
    }
}
  

//复选框全选
function checkboxs_all(obj,cName){
    var checkboxs = document.getElementsByName(cName);
    for(var i=0;i<checkboxs.length;i++){
        checkboxs[i].checked = obj.checked;
    }   
}


//验证邮政编码
function check_youbian(obj){
    var reg=/^\d{6}$/;
    if(obj.value!=""&&!reg.test(obj.value)){
         alert('邮政编码格式输入错误!');
         obj.value = "";
         obj.focus();
         return false;
    }
}

//验证邮箱格式
function check_email(obj){
    var reg = /^[a-zA-Z0-9_-]+(\.([a-zA-Z0-9_-])+)*@[a-zA-Z0-9_-]+[.][a-zA-Z0-9_-]+([.][a-zA-Z0-9_-]+)*$/;
    if(obj.value!=""&&!reg.test(obj.value)){
        obj.select();
         alert('电子邮箱格式输入错误!');
         obj.value = "";
        obj.focus();
         return false;
    }
}

/*验证固定电话号码
  0\d{2,3}   代表区号  
  [0\+]\d{2,3}   代表国际区号
 \d{7,8} 代表7-8位数字(表示电话号码)
 正确格式:区号-电话号码-分机号(全写|只写电话号码)
*/

function check_phone(obj){
    var reg=/^(([0\+]\d{2,3}-)?(0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$/;
    if(obj.value!=""&&!reg.test(obj.value)){
         alert('电话号码格式输入错误!');
         obj.value = "";
        obj.focus();
         return false;
    }
}

//验证手机号码(检验13,15,18开头的手机号!)
function check_telephone(obj){
    var reg= /^[1][358]\d{9}$/;
    if(obj.value!=""&&!reg.test(obj.value)){
         alert('手机号码格式输入错误!');
         obj.value = "";
        obj.focus();
         return false;
    }
}

//验证是否为中文
function isChinese(obj,obj_name){
    var reg=/^[\u0391-\uFFE5]+$/;
    if(obj.value!=""&&!reg.test(obj.value)){
         alert(obj_name+'必须输入中文!');
         obj.value = "";
        obj.focus();
         return false;
    }
}

//判断是否是IE浏览器

function checkIsIE(){
    if(-[1,]){  
     alert("这不是IE浏览器!");  
    }else{  
     alert("这是IE浏览器!");  
    }
}

//验证是否为正确网址
function check_IsUrl(obj){


}

//检验时间大小(与当前时间比较)
function checkDate(obj,obj_name){
    var objvalue=obj.value.replace(/-/g,"/");//替换字符,变成标准格式(检验格式为:'2009-12-10')
    // var objvalue=obj.value.replace("-","/");//替换字符,变成标准格式(检验格式为:'2010-12-10 11:12')
    var date1=new Date(Date.parse(obj_value));  
    var date2=new Date();//取今天的日期
    if(date1>date2){
        alert(obj_name+"不能大于当前时间!");
        return false;
    }
}
TypeError: Cannot read properties of undefined (reading ‘state‘) Cannot read properties of undefined 阅读详情

相关推荐

5、vue报错Error in render: “TypeError: Cannot read property ‘length‘ of undefined“

vue 报错:Error in render: "TypeError: Cannot read property 'length' of undefined" 通常有两种情况: 1、在模板的html标签上使用length报错 vue 中使用 length判断的时候,有时会报错,如下: &lt;div class="item_list" v-if="form.checkVal.length...

rsancy-BK 4万+

JS常用正则表达式和JS控制输入框输入限制(数字、汉字、字符)

                               JS常用正则表达式和JS控制输入框输入限制(数字、汉字、字符)验证数字:^[0-9]*$验证n位的数字:^\d{n}$验证至少n位数字:^\d{n,}$验证m-n位的数字:^\d{m,n}$验证零和非零开头的数字:^(0|[1-9][0-9]*)$验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$验证有1-3位小数的正实数...

XinYe666666的博客 4906

Uncaught TypeError Cannot read properties of undefined (reading ‘style‘)解决办法

1、下面为出现问题的代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l

澎湖Java架构师的博客 1万+

偶收集的并多次使用的js集

////----------------Author Teng------------- //验证是否为空 function check_blank(obj, obj_name){       if(obj.value != ''){               return true;        }else{            alert(obj_name + "所填不...

touchmm 140

vue出现Error in render “TypeError Cannot read properties of undefined (reading ‘id‘)“的原因

学习Vue框架的时候,遇到这个报错: 案例:记事本 (1.0版本) 1. 模型: 2. 初始版本 学习Vue组件化的时候,有一个知识点是状态提升,当兄弟组件之间要进行通信的时候,有要操作的相关的数据的时候,将这些数据提升到共同的父容器中,以便进行操作。 当在 TodoInput 组件里面新增数据的时候,需要如图所示,经过App.vue这个父容器才能成功传递数据: 而这样传递,数据可以传递成功,但是TodoItem 组件不知道在何时才接收数据并创建新的组件,因为方法需要调用才能执行,而这样直接传送数

web13618542420的博客 2716

Vue报错 TypeError Cannot read properties of undefined (reading ‘protocol‘)

Vue报错: Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘protocol’) 报错信息: Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'protocol') at isURLSameOrigin (isURLSameOrigin.js?3934:57) at dispatchXh

geejkse_seff的博客 2813

JS表单验证-12个常用的JS表单验证

JS表单验证-12个常用的JS表单验证 表单验证,小编在项目完结后的这段时间把常用的JS表单验证demo整理了一下,和大家一起分享~~~ 1、长度限制 &lt;p&gt;1. 长度限制&lt;/p&gt; &lt;form name=a onsubmit="return test()"&gt; &lt;textarea name="b" cols="40" rows="

qq_095的博客 5078

【vue3项目】解决 “TypeError: Cannot read properties of undefined (reading ‘xxx‘)“

定义一个 getUserList 函数,并且在 onMounted 函数中挂载它,在加载页面时,先通过我自定义的已全局挂载的。结果发现:ctx.$api 为 undefined,并且 ctx 身上并没有我们绑定的 $api。首先这个报错的意思大概是:无法找到 undefined 的 属性。所以就验证了bug 的原因是:vue3的全局绑定没有生效。逻辑上没有问题,同时也没有出现上述的三种情况。所以,我猜测是 $api 全局绑定没有生效。但是上述方法都无法解决我的bug,那在我的代码中的意思就是:找不到。...

前端学习博客 4万+

前端报错 TypeError: Cannot read properties of undefined 的定位与修复

在JavaScript开发中,属性访问错误是运行时最常见的异常之一,尤其是当程序试图读取一个不存在对象的属性时,浏览器会抛出TypeError并中断脚本执行。理解undefined与null的本质区别,是掌握这类错误根源的基础。通过DevTools的断点调试和表达式监听,开发者可以快速定位出错的具体层级,而可选链(?.)与空值合并(??)则提供了优雅的防御性写法。在实际工程中,接口返回值结构变化、响应拦截器改写数据形态、路由参数缺失、回调函数this指向丢失等场景,都会触发同一个报错信息。掌握一套系统化的排

weixin_29534421的博客 1033

Uncaught TypeError: Cannot read property 'msie' of undefined

1、错误描述Uncaught TypeError: Cannot read property 'msie' of undefined2、错误原因3、解决办法

游海东的技术专栏 2803

Node.js报错Cannot read properties of undefined (reading ‘prepare‘)排查指南

在JavaScript运行时中,TypeError是常见的错误类型,其中空值访问导致的报错尤为频繁。当代码试图从undefined值上读取属性时,就会触发此类错误,其原理是运行时对象未正确初始化或模块导出异常。解决这类问题不仅能提升代码健壮性,还能避免生产环境崩溃。典型应用场景包括Node.js本地化部署、依赖管理及TypeScript项目。例如,在deepseek harness部署或Node版本升级过程中,常遇到Cannot read properties of undefined (reading '

weixin_33847182的博客 437

Cocos creator中出现Uncaught TypeError: Cannot read property 'node' of undefined

   最近在学习Cocos creator开发cocos游戏,总体感觉比较好,但是由于cocos creator开发游戏主要使用JavaScript开发的,所以很多语法都不是很清楚,所以就出现了一些问题。   今天在动态加载resources文件夹下的图片资源就出现了一些问题,根据官方文档进行资源的动态加载:   // 加载 SpriteFrame cc.loader.loadRes("t...

ToBeTheOnlyOne的博客 2万+

Uncaught TypeError: Cannot read property 'decimalSeparator' of undefined

1、错误描述Uncaught TypeError: Cannot read property 'decimalSeparator' of undefined at Object.NumberFormat (http://127.0.0.1:8020/jqGrid/js/jquery.jqGrid.min.js:477:24) at HTMLTableElement.P [as

游海东的技术专栏 4689

Cannot read properties of undefined (reading ‘push‘)

Cannot read properties of undefined (reading 'push')

Zwq8023520的博客 7398

前端控制台报错#Uncaught (in promise) TypeError: Cannot read properties of undefined (),用nextTick解决。 vue3

在页面渲染是,控制台报错Uncaught (in promise) TypeError: Cannot read properties of undefined (xxxx),但是页面依然成功渲染了。 原因是接口请求是异步的,而页面上最初进行渲染的时候,还没有拿到接口的值,所以报错了但是正常渲染了,解决方法是通过nexttick加if判断。 也就是将接口请求的办法写在nexttick中,下面是模拟代码: 在页面上可以看到打印了两次1,因为第一次是没有获取到值的,通过这个操作可以让控制台不报错。......

柠檬人的博客 1万+

关于js:Uncaught TypeError Cannot read properties of undefined (reading ‘style‘) 全局与局部变量 for循环

问题: 想实现点击一个li,就会展示对应的div: 代码为: var tab_list = document.querySelector('.tab_list'); var lis = tab_list.querySelectorAll('li'); var items = document.querySelectorAll('.item'); for(var i = 0; i < lis.length; i++){ // 设置每个li的index值

bsefef的博客 6188

Vue报错:TypeError: Cannot read properties of undefined (reading ‘fullAddress‘)

目录 1、报错信息: 2、错误代码: 3、错误原因: 4、改正方法: 1、报错信息: 无法读取未定义的属性 2、错误代码: Vue组件中的html: <span>{{ userDefaultAddress.fullAddress }}</span> Vue组件中的计算属性: computed: { ...mapState({ addressInfo: (state) => state.trade.address }),

m0_54630400的博客 6534

平衡电桥在高压绝缘检测中的动态切换策略与误差优化

本文深入探讨了平衡电桥在高压绝缘检测中的动态切换策略与误差优化方法。通过分析四种基本切换模式及智能切换时序设计,显著提升检测精度与范围。结合电阻选型黄金法则和软件补偿技术,有效降低测量误差,为电动汽车电池管理系统提供可靠的安全保障。

weixin_30275415的博客 474
上一篇: HashMap的keyset与value的对应
下一篇: 下拉框只读
javaBenface
博客等级 码龄15年 21粉丝 7原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值