Mint-UI元件 MessageBox為prompt 新增判斷條件
阿新 • • 發佈:2019-01-10
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); });