vue2判断输入框长度不为空

已于 2023-08-31 11:58:12 修改
阅读量651 收藏 1
点赞数
分类专栏： vue.js 文章标签： vue.js 前端 javascript
于 2023-01-13 16:57:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kuang_nu/article/details/128676626
版权
在Vue2项目中，遇到点击按钮提交输入框数据时的验证问题。初始状态下，未输入内容点击提交，this.email为undefined。改进后的判断需包含检测其是否为undefined或空字符串，以确保在输入框为空时不触发提交操作。
摘要由CSDN通过智能技术生成

本次在写vue2代码提交的时候 点击按钮将输入框数据进行提交

发现要验证输入框数据不为空，然而直接this.email.length会包错

console结果显示 输入框什么都没有 点击提交按钮 this.email值是undefined

所以判断值不是undefined的时候进入判断

后面发现输入框输入信息后 将信息删除 在点击提交按钮发送了数据

这时候打印console发现this.email已经不是undefined 是 '' 空字符串

所以还需要判断 this.email是否是''

fury_123
关注
专栏目录
Vue关于input输入框类型为password时获取输入值的办法
vue_honest的博客
07-14 1490
背景：在vue定义了个子组件主要是一个登录框，在点击登录时需要对输入框的值进行判断过程问题：当时用了网上推荐最多的ref和html的getElementById，但是发现输入框类型为password时就无法获取解决办法：最终使用v-model双向绑定的方法解决过程：按键触发函数如下run，先弹出提示框，内容为username的长度，然后判断password的长度是否为空(判断长度的原因是防止输入空格键)，就发现if函数没反应，但alert能正常提示template代码：...
Vue2的侦听器简单使用案例：判断用户名是否存在
weixin_71049947的博客
12-10 456
Vue2的侦听器小案例
vue 搜索输入框输入空格，禁止输入空格
qq_38181746的博客
03-10 2497
在开发移动端的时候，开发一个搜索功能，输入框中有空格，但是搜索会出问题所以要搜索框中要禁用空格 html <input type="text" v-model="value" placeholder="请输入内容" /> 方法 //禁用空格 isNull(str) { if (str == "") return true; var regu = "^[ ]+$"; var re = new RegExp(regu); return re.test(str); } add
vue.js登录(判断是否为空，检查状态，获取用户信息)
05-08
检查状态；如果有登录态则查询登录信息(uid，头像等...)并保存起来；如果没有则跳转到登录页；在登录页面（或者登录框），校检用户输入信息是否合法； 校检通过后发送登录请求；校检不成功则反馈给用户； 登录成功则从后端数据中取出session信息保存登录状态(可能需要跳转);登录不成功则提示用户不成功； 用户注销
vue输入不允许输入空格
最新发布
weixin_62286800的博客
09-30 190
data() {return {},methods: {
Vue中实现输入框不能为空的功能
weixin_73060959的博客
08-11 584
在Vue中实现输入框不能为空的功能，通常会在表单提交之前进行验证，确保输入框（或其他表单元素）的内容满足一定的条件，比如非空。这可以通过在表单的提交事件中检查输入框的值来实现，或者使用Vue的计算属性（computed properties）或侦听器（watchers）来持续监测输入框的值。如果用户名不为空，我们则清除错误信息（如果有的话），并继续执行提交逻辑（在这个示例中，我们只是简单地打印了表单数据到控制台，但在实际应用中，你可能会发送一个HTTP请求到服务器）。在这个示例中，我们定义了一个。
vue项目判断页面所有input框是否为空
qq_37832645的博客
05-18 6315
后台一个录入页面中学生经常不按常理出牌，致使生成的json文件有字段为空，故添加一个判断 const arr = document.querySelectorAll('input') for (let i = 0; i < arr.length; i++) { if (arr[i].value == '') { this.isEmpty = true //当有值未空时改变判断的值 break } } if(!this.isEmpyt) { //都不为空时进行的操作 } el
vue中如何对字符串进行非空判断
qq_41027095的博客
05-19 2549
1、以下的 '' 是两个单引号，并非一个双引号。假设str是一个字符串。2、判断str不为空值。3、判断str为空值。
vue输入框限制不能输入空格
weixin_44161385的博客
12-31 1971
1.在input输入框中加上事件： @keydown.native=“keydown($event)” @keydown.native="keydown($event)" 2.methods中事件： keydown(event){ if(event.keyCode == 32){ event.returnValue = false } }
vue、dom、监听扫码枪 输入框与全屏获取扫码输入的结果 及 非扫码输入的结果 单输入框 多状态接口查询
qq_43495913的博客
07-02 2040
广为流传版本 的 new + 提供非扫码情况下的数据返回 function ScannerListener(resolve, event, reject) { this.event = event || document this.resolve = resolve this.reject = reject this.code = "" this.rejcetCode = "" this.lastTime = undefined this.next.
Vue2 + element ui 后台管理系统（项目总结）
m0_70851631的博客
05-12 5850
1，准备需要框架，插件，组件库...... Vue框架 （vue2.x版本） Element Ul 组件 axios (网络请求,请求拦截器，响应拦截器) quill（富文本编辑器） echarts（数据可视化工具） 1-1，axios的封装 axios的封装包含了（请求拦截器，响应拦截器，创建的时候设置请求超时时间） 请求拦截器（经常用来设置请求头，用户登录后像后台发送token，这个token可以判断我们是否登录成功） 响应拦截器（做一些token过期处理，还可以对后台返回给我们的状态码
vue判断input输入内容全是空格的方法
08-27
下面小编就为大家分享一篇vue判断input输入内容全是空格的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
【VUE+Elemet 】最全正则验证 + 表单验证 + 注意事项_vue rules 正则
2401_84413180的博客
04-27 1039
data() {}̲;return …|^\d*.\d+$/, message: ‘请输入数字/小数点’, trigger: ‘blur’ },},],},},pattern: /]+![\̲d̲!@#]+$/,message: ‘请输入大/小写字母+数字+特殊字符’,},if (value == ‘测试’) {callback(new Error(‘名字不能是测试!
(vue2)input框禁用空格
nyf_unknow的博客
02-01 836
【代码】(vue)input框禁用空格。
vue表单校验，输入框有值校验失败
qq_34082921的博客
07-04 1534
由于后端返回的是number类型，而其前端却使用的是普通输入框，所以导致类型不匹配。普通输入框即使我们输入的是数字，打印出来的值也会是字符串，这就说明了，普通输入框不可能会输出数字，但是回显是又是数字，好了，类型不匹配，验证自然不通过。当做表单校验时，输入框回显了后端返回的值，但是点击确认按钮时，却校验失败，提示当前项不能为空。
Vue怎么判断数组、对象（集合）是否为空、属性是否为空字符传、json字符串，数组，对象的相互转换
热门推荐
qq_38215042的博客
06-24 3万+
1: Vue怎么判断对象是否为空 JSON.stringify(evtValue)=='{}' Object.keys(xxxx).length==0 2:js判断对象是否为空对象的几种方法 1.将json对象转化为json字符串，再判断该字符串是否为"{}" var data = {}; var b = (JSON.stringify(data) == "{}"); alert(b);//true for in 循环判断 var obj = {}; var b = functio
Vue中判断对象是否为空的方法
诚的博客
03-21 2万+
方法一：将对象转JSON，如果为空集合{} ，那么就是空对象 JSON.stringify(object)=='{}' 方法二：判断对象的长度，如果为零，那就是空对象 Object.keys(object).length==0 ...
Vue+element下的对输入内容进行非空验证
weixin_42443397的博客
01-17 1万+
Vuejs中字符串判空处理--如何判断字符串是否为空或不为空
qq_44641527的博客
09-07 2万+
js的字符串判空问题
Sql 语句 里面判断某个字段是否为空 java
06-09
在 SQL 语句中，可以使用 IS NULL 或者 IS NOT NULL 来判断某个字段是否为空。例如： 判断字段为空： SELECT * FROM table_name WHERE column_name IS NULL; 判断字段不为空： SELECT * FROM table_name WHERE column_name IS NOT NULL; 在 Java 中，如果使用 JDBC 来执行 SQL 语句，可以使用 PreparedStatement 来设置参数并执行查询。可以使用 setNull 方法将参数设置为 NULL 值，然后在 SQL 语句中使用 IS NULL 或者 IS NOT NULL 来判断。例如： 判断字段为空： String sql = "SELECT * FROM table_name WHERE column_name IS NULL"; PreparedStatement statement = connection.prepareStatement(sql); statement.setNull(1, java.sql.Types.INTEGER); // 参数设置为 NULL ResultSet resultSet = statement.executeQuery(); 判断字段不为空： String sql = "SELECT * FROM table_name WHERE column_name IS NOT NULL"; PreparedStatement statement = connection.prepareStatement(sql); statement.setInt(1, 1); // 参数设置为非 NULL 值 ResultSet resultSet = statement.executeQuery();
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值