zoukankan      html  css  js  c++  java
  • Mint-UI组件 MessageBox为prompt 添加判断条件

    Mint-UI 的Message Box 是prompt类型时,可以添加正则判断或者function判断条件。具体可以查看Mint-UI源码。
    添加正则判断条件:
    MessageBox({
        $type:'prompt',
        title:'输入验证码',
        message:'请填写您收到的验证码',
        closeOnClickModal:false,   //点击model背景层不关闭MessageBox
        showCancelButton:false,   //不显示取消按钮
        inputPattern:/^[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);
    });
  • 相关阅读:
    HTML导航条的制作
    图片样式加hover特效
    用表格制作商品购买页面--(table)
    CSS-盒子模型
    一些常见css样式加选择器
    css的一些样式
    HTML基本代码
    element-ui的tab切换同步步骤条 字符串转数字 数字转字符串
    vuex相关知识笔记
    js: 数组方法(中级)
  • 原文地址:https://www.cnblogs.com/gluncle/p/10484139.html
Copyright © 2011-2022 走看看