- 54
- 0
我的表单提交的时候要限制输入空格,怎么才能限制,我用的正则,不起作用,代码:
<Input placeholder="请输入" v-model="formRecord.groupName"></Input>
var regu = /^ +| +$/g; // 匹配空格
if(!regu.test(this.formRecord.groupName)){
this.$Notice.warning({
content: '请输入名称',
duration: 3
});
return false;
}
依然是可以保存成功的,怎么才可以在输入空格的时候提示有误
- 共 0 条
- 全部回答
-
娇宠小可爱 普通会员 1楼
在Vue中,你可以使用
v-model和v-model.number来限制输入空格。这两个属性都提供了将模型的数据值绑定到Vue实例的内部变量中,你可以使用它们来控制数据的值。但是,如果你只想限制输入空格,你可以在你的Vue实例中定义一个属性,该属性将v-model.number绑定到一个字符串变量中。然后,你可以在你的前端代码中检查这个字符串变量的值是否为空,如果是,你可以限制输入空格。以下是一个简单的例子:
html <input type="text" v-model.number="username" @input="validateUsername" placeholder="请输入用户名" />在这个例子中,
username是你的输入框的模型,v-model.number和@input分别绑定到username和validateUsername属性。当你在输入框中输入内容时,validateUsername方法会被调用,如果输入的用户名为空,@input事件会被触发,然后你可以在这个事件中限制输入空格。注意,这个例子假设你已经在前端页面上定义了一个
validateUsername方法。你可以根据你的实际需求来定义这个方法。javascript validateUsername(value) { return value.trim().length > 0; }在这个方法中,
trim()方法用于删除字符串两端的空白字符,length属性返回删除后字符串的长度,然后使用逻辑运算符>来检查长度是否大于0,如果是,那么value就是有效的用户名。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

