侧边栏壁纸
博主头像
王旭阳个人博客博主等级

工欲善其事,必先利其器

  • 累计撰写 113 篇文章
  • 累计创建 28 个标签
  • 累计收到 22 条评论

目 录CONTENT

文章目录

ElementUI中MessageBox组件验证输入内容不为空或者空格

wxy
wxy
2022-06-30 / 1 评论 / 2 点赞 / 1547 阅读 / 2867 字
温馨提示:
本文最后更新于 2023-08-31,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

MessageBox提交内容时,验证输入内容不为空或者空格

官方文档

使用inputValidator属性来实现自定义校验函数

输入框的校验函数。可以返回布尔值或字符串,若返回一个字符串, 则返回结果会被赋值给 inputErrorMessage

完整代码

 /** 批量发送 */
    handleSend(row) {
      this.$prompt('请输入群发消息的内容', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        inputValidator: (value) => {
          let reg = /^\s*$/g;
          // 如果是空,或者""
          if (value == null || reg.test(value)) {
            return "发送消息不能为空"
          }
          return true
        },
      }).then(({value}) => {
        this.$message({
          type: 'success',
          message: '你输入的内容是: ' + value
        });
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '取消发送'
        });
      });
    }
2
Vue

评论区