51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

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

MessageBox提交内容时,验证输入内容不为空或者空格 {#messagebox%E6%8F%90%E4%BA%A4%E5%86%85%E5%AE%B9%E6%97%B6%EF%BC%8C%E9%AA%8C%E8%AF%81%E8%BE%93%E5%85%A5%E5%86%85%E5%AE%B9%E4%B8%8D%E4%B8%BA%E7%A9%BA%E6%88%96%E8%80%85%E7%A9%BA%E6%A0%BC}

官方文档 {#%E5%AE%98%E6%96%B9%E6%96%87%E6%A1%A3}

使用inputValidator属性来实现自定义校验函数 {#%E4%BD%BF%E7%94%A8inputvalidator%E5%B1%9E%E6%80%A7%E6%9D%A5%E5%AE%9E%E7%8E%B0%E8%87%AA%E5%AE%9A%E4%B9%89%E6%A0%A1%E9%AA%8C%E5%87%BD%E6%95%B0}

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

完整代码 {#%E5%AE%8C%E6%95%B4%E4%BB%A3%E7%A0%81}

 /** 批量发送 */
    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: '取消发送'
        });
      });
    }
赞(0)
未经允许不得转载:工具盒子 » ElementUI中MessageBox组件验证输入内容不为空或者空格