控制台报错：value.trim is not a function

已于 2023-12-05 19:39:15 修改
阅读量655 收藏
点赞数 1
分类专栏： 代码报错 文章标签： javascript
于 2023-12-05 19:39:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41886421/article/details/134815578
版权

很有可能value不是个string类型，先进行toString()在进行trim()

value?.toString().trim()
边中之城
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js中trim的使用
weixin_43997415的博客
03-14 851
js中trim的使用 trim()：去掉字符串两边的空格，在输入框判断时，空格也是内容，判断为空后的操作不能生效 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="w
＜storybook＞ TypeError: (tag.text || ““).trim is not a function
ZHgogogoha的博客
06-16 1102
google了一下，参考： Doens’t work with Typescript 4.3.2 项目用的是typescript 4.3.2 uninstall之后， npm install typescript@4.2.4 --save 就能正常运行了
Atom Markdown Preview 出现“ r.trim is not a function” 问题
weixin_42141390的博客
04-10 1184
问题描述 == Atom 中的 Markdown Preview 是自带的。==
text.trimEnd is not a function
小蜜蜂的博客
01-11 414
If you're not yet on node 10 or greater, you'll have to use prettier v1.x until you upgrade to a supported node version 报这种错通常是node版本过低，需要10以上。或者降低prettier版本到1
value.split is not a function 的原因
大洋
02-12 5万+
出现这个原因的问题，为value不是string类型的值。 修改为：
【问题解决】如何理解 !value.trim()
最新发布
zx1041561837的博客
07-31 653
本文是对js表达式 !value.trim() 的理解
Uncaught TypeError: XXX is not a function的解决方法
m0_54066656的博客
03-13 2万+
Uncaught TypeError: XXX is not a function的解决方法
js怎么不能用trim()啊
evilcry2012的专栏
10-21 1905
js怎么不能用trim()啊 function checkid() {        var txtid = document.getElementById("txtid").value;        if (txtid.Trim() == "") {            alert("帐号不能为空");        }    } trim()方法 报错了啊?    啊啊 可以用什么代
JS中常见的 “函数名 is not a function” 错误
热门推荐
weixin_40345099的博客
09-30 26万+
js中常见的错误，例如Uncaught TypeError: x is not a function 其原因除了函数本身有错之外，还有一种很奇怪的情况：函数本身没有错，但是运行时就是不能正常运行。这种情况与javascript的特性有关：变量与函数声明前置的优先级。 首先看代码： console.log(x) console.log(x()); var x=1; function x(){...
js 报错(intermediate value)(...) is not a function
02-18 3万+
//通过函数构造器定义 function beverage_treat(){ } // 这里不用加分号 //通过函数表达式定义, 此时我们认为该函数是一个变量 var beverage_treat = function(){ }; // 这里一定要加分号，不然在后面紧跟一个如下形式的函数封装时会报错(intermediate value)(...) is not a function// 前面
vue “xxx” is not a function 解决方法
qq_36416905的博客
09-24 4万+
问题出现在同学代码的函数名和el-dialog框的visible.sync里的参数重名了,把两个改成不一样的名字就好了 所以一定不要偷懒取一个名字= = 容易混淆还影响函数执行，可能之后更了解Vue会明白为啥这样报错吧。 尽量不要把很多名字取得一样 不然问题就很大 ...
出现value.locale is not a function问题解决办法
Yatkill的博客
06-04 2万+
1、给datepicker赋值 可以输出赋值,datepicker赋值需要moment格式的数据,如果赋值了string类型的会报错 需要进行moment格式化moment(dateString) 2、给普通字符串赋值 如果赋值了moment类型的数据 可以通过moment(date).format(XXX)来解决,如果还不行的话可以使用date&& moment(date).la...
JS异常处理：Uncaught TypeError: xxx is not a function at HTMLAnchorElement.onclick
有范管理美学 | 公众号/头条号：有范管理美学
01-09 7万+
JS异常处理：Uncaught TypeError: xxx is not a function at HTMLAnchorElement.onclick  ---- 关于标签调用onclick中的方法无效的原因 今天在优化别人写的代码时，出了个错误。 原代码如下，我想把href属性函数改为onclick事件 a href="javascript:search();
vue *** is not a function 解决
wildhoney423的博客
09-24 4万+
最近刚开始研究vue框架，之前一直没用过前端框架，虽然功能强大，但是早就知道在应用起来这里面坑很多，果然前进的路上坑坑洼洼的。 在了解了一些基本功能后就拿着之前做过的一个普通H5结构的老项目做移植以便练习，很快就遇到了一个很蛋疼的问题，很多基于Jq的老插件在vue框架里不兼容。虽然都说在vue里用jq很可笑，但是作为一个过渡和用了好几年jq家族插件的人，怎么能这么快就适应到全盘推翻从新开始呢。 其...
$ is not a function解决办法
Nobita
05-26 2万+
$ is not a function // $(function () { // $('.portfolio-two-item').click(function () { // var video_path = $(this).data('src'); // layer.open({ // type: 2, // t...
String的trim()方法无效的解决办法
jifashihan的博客
01-10 8625
后台返回的数据中，有空格，用trim()方法无效，后来发现，表面上看到的空格，unicode为12288，是全角空格，所以要先替换掉再trim()，str = str.replace((char) 12288, ' '); str=str.trim();参考文章【JAVA】unicode为12288字符
javascript const usernameInput = document.getElementById("username-input"); const passwordInput = document.getElementById("password-input"); const confirmPasswordInput = document.getElementById("confirm-password-input"); function validate() { // 验证用户名 const username = usernameInput.value.trim(); const usernameRules = [ username.length >= 6 && username.length <= 8, /^[A-Z]/.test(username), /^[a-zA-Z]+$/.test(username) ]; if (!usernameRules.every(rule => rule)) { alert("用户名格式不正确，请重新输入"); return false; } // 验证密码 const password = passwordInput.value.trim(); const passwordRules = [ password.length >= 6 && password.length <= 12, /^\w+$/.test(password) ]; if (!passwordRules.every(rule => rule)) { alert("密码格式不正确，请重新输入"); return false; } // 验证确认密码 const confirmPassword = confirmPasswordInput.value.trim(); if (confirmPassword !== password) { alert("确认密码不一致，请重新输入"); return false; } // 验证通过，可以进行登录 console.log("用户名：", username); console.log("密码：", password); alert("登录成功！"); return true; } // 监听登录按钮的点击事件 const loginButton = document.getElementById("login-button"); loginButton.addEventListener("click", function() { if (validate()) { alert("登录成功！"); } else { alert("对不起，您的用户名或密码错误"); } }); 在这段代码中，我们在 validate() 函数中添加了控制台输出用户名和密码的代码，以便开发者进行调试。在点击登录按钮后，如果验证通过，则会弹出登录成功的提示框；如果验证不通过，则会弹出登录失败的提示框。将用户名和密码显示在页面上且改为用数组判断，且简化一点
06-02
以下是修改后的代码： ``` const usernameInput = document.getElementById("username-input"); const passwordInput = document.getElementById("password-input"); const confirmPasswordInput = document.getElementById("confirm-password-input"); function validate() { // 验证用户名 const username = usernameInput.value.trim(); const usernameRules = [ username.length >= 6 && username.length <= 8, /^[A-Za-z]+$/.test(username) ]; if (!usernameRules.every(rule => rule)) { alert("用户名格式不正确，请重新输入"); return false; } // 验证密码 const password = passwordInput.value.trim(); const passwordRules = [ password.length >= 6 && password.length <= 12, /^\w+$/.test(password) ]; if (!passwordRules.every(rule => rule)) { alert("密码格式不正确，请重新输入"); return false; } // 验证确认密码 const confirmPassword = confirmPasswordInput.value.trim(); if (confirmPassword !== password) { alert("确认密码不一致，请重新输入"); return false; } // 验证通过，可以进行登录 const userInfo = [username, password]; document.getElementById("user-info").textContent = userInfo; alert("登录成功！"); return true; } // 监听登录按钮的点击事件 const loginButton = document.getElementById("login-button"); loginButton.addEventListener("click", function() { if (validate()) { alert("登录成功！"); } else { alert("对不起，您的用户名或密码错误"); } }); ``` 修改后的代码中，我们通过将用户名和密码存储在一个数组中，再将其显示在页面的 `user-info` 元素中，来实现将用户名和密码显示在页面上的功能。同时，我们简化了正则表达式的写法，并将其放在数组中进行判断，使代码更加简洁。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值