ElementUI中MessageBox组件验证输入内容不为空或者空格
编辑
1777
2022-06-30
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
- 1
-
分享