Mint-UI组件 MessageBox为prompt 添加判断条件

骑猪看日落 2022-03-28 05:27 85阅读 0赞

Mint-UI 的Message Box 是prompt类型时，可以添加正则判断或者function判断条件。具体可以查看Mint-UI源码。

添加**正则**判断条件：

MessageBox({
        $type:'prompt',
        title:'输入验证码',
        message:'请填写您收到的验证码',
        closeOnClickModal:false,   //点击model背景层不关闭MessageBox
        showCancelButton:false,   //不显示取消按钮
        inputValidator:/^[a-zA-Z0-9]{6}$/,    //正则条件
        inputErrorMessage:'请输入正确的验证码',
        showInput:true
    }).then(({ value, action }) => {
        /* value 为填写的值，进行下一步操作*/
        console.log(value);
    });

添加**function**判断条件

MessageBox({
        $type:'prompt',
        title:'输入验证码',
        message:'请填写您收到的验证码',
        closeOnClickModal:false,    //点击model背景层不关闭MessageBox
        showCancelButton:false,     //不显示取消按钮
        inputValidator:function(v){return /^[a-zA-Z0-9]{6}$/.test(v);},  //function可以用来写更复杂的判断条件，返回布尔值
        inputErrorMessage:'请输入正确的验证码',
        showInput:true
    }).then(({ value, action }) => {
        /* value 为填写的值，进行下一步操作 */
        console.log(value);
    });

发表评论取消回复

表情：

评论列表（有 0 条评论，85人围观）

还没有评论，来说两句吧...

相关阅读

相关 ExtJS组件MessageBox的用法及理解

Ext.create('Ext.window.MessageBox',{}); //等价于 new Ext.window.Messag

ゝ一世哀愁。/ 2023年10月09日 11:45/ 0 赞/ 41 阅读

相关 MyBatis 判断条件为等于的问题

在用MyBatis操作数据库的时候相信很多人都用到，当在判断null, 大于，大于等于，小于，小于等于，不等于时估计很多都用到，比较容易实现了，这里就省略了，但唯独判断条件为等

骑猪看日落/ 2022年08月18日 02:10/ 0 赞/ 160 阅读

相关 Mint-ui MessageBox.prompt配置

Mint-ui 弹框配置官方文档描述不清晰，复制粘贴效果不理想，最后看源码，找配置解决 MessageBox.prompt('请输入姓名').then((

朴灿烈づ我的快乐病毒、/ 2022年06月16日 04:12/ 0 赞/ 119 阅读

相关 vue 添加axios组件，解决post传参数为null问题

vue 添加axios组件，解决post传参数为null问题本文主要参考： https://www.npmjs.com/package/axios http:

绝地灬酷狼/ 2022年06月06日 09:14/ 0 赞/ 223 阅读

相关 MyBatis 判断条件为等于的问题

本文转载自：https://blog.csdn.net/shenzhenNBA/article/details/46673327 在用MyBatis操作数据库的时候相信很多人

阳光穿透心脏的1/2处/ 2022年05月27日 03:59/ 0 赞/ 178 阅读

相关 MyBatis 判断条件为等于的问题

在用MyBatis操作数据库的时候相信很多人都用到，当在判断null, 大于，大于等于，小于，小于等于，不等于时估计很多都用到，比较容易实现了，这里就省略了，但唯独判断条件为等

深藏阁楼爱情的钟/ 2022年05月25日 08:38/ 0 赞/ 190 阅读

相关动态添加组件，添加id，获取子控件，移除控件

动态创建关键代码（新添加的view是自己写的xml布局view） // 1. 获取自定义的 View Button button = (Button) L

系统管理员/ 2022年05月09日 06:40/ 0 赞/ 395 阅读

相关 mint-ui 修改MessageBox.prompt弹框中input的默认值

MessageBox.prompt(' ', '修改用户名', {inputValue: '这里设置默认值'}).then(({ value, action }) =>

ゝ一世哀愁。/ 2022年05月08日 13:38/ 0 赞/ 458 阅读

相关 Ext JS 4 (4) —— Ext.MessageBox.prompt()

上一节我们讲了 confirm 消息框的用法，这节继续讲下一个消息框 prompt ，和 JS 里的也一样，在Ext中的用法和 alert 、confirm 也相差不多，先看下

﹏ヽ暗。殇╰゛Y/ 2022年04月14日 03:57/ 0 赞/ 293 阅读

相关 Mint-UI组件 MessageBox为prompt 添加判断条件

Mint-UI 的Message Box 是prompt类型时，可以添加正则判断或者function判断条件。具体可以查看Mint-UI源码。添加正则判断条件：

骑猪看日落/ 2022年03月28日 05:27/ 0 赞/ 86 阅读