vue+element ui+表单验证空格问题
vue+element UI表单验证中检验空格问题文章目录前言一、效果二、操作三、总结前言上传表单验证中,若输入数据为空(或者输入数据为空格),相对应的会有验证信息提示;但输入空格之后,默认数据不为空,不会提示验证信息,显然不是我们的需求。一、效果输入框中TAC和PCI监听不到输入的数据为空,便进行下一步操作;二、操作代码如下(示例):在数据绑定时v-model改成v-model.trim即可在前
·
标题vue+element UI表单验证中检验空格问题
前言
上传表单验证中,若输入数据为空(或者输入数据为空格),相对应的会有验证信息提示;但输入空格之后,默认数据不为空,不会提示验证信息,显然不是我们的需求。
一、效果
输入框中TAC和PCI监听不到输入的数据为空,便进行下一步操作;
二、操作
代码如下(示例):
在数据绑定时v-model改成v-model.trim即可在前端表单添加的输入框中监听到数据是否为空或空格,当监听到时验证不能通过;
三、总结
表单操作监听输入框中是否为空,只需在表单绑定数据v-model出多加一个 .trim即可;
温馨提示:为了避免因数据过多的问题,可在css中进行全局添加。
更多推荐
已为社区贡献2条内容
所有评论(0)