element-ui中el-form表單驗證(物件中包含物件),正則表示式
阿新 • • 發佈:2022-05-07
上圖:
校驗:
<script> export default { name: 'PersonTransferDetail', data() { const checkTrainNum = (rule, value, callback) => { if (value !== null && value !== '' && value !== undefined) { if (/^(0|([1-9]\d*))(\.\d{1})?$/.test(value)) { if (value > 99) { callback(View Codenew Error('最大99')) } else { callback() } } else { callback(new Error('請輸入數字(最多保留一位小數)')) } } else { callback() } } return { formLabelAlignRules: { 'development.testResult': [ { required:true, message: '請輸入測試結果', trigger: 'change' }, { validator: checkTrainNum, trigger: 'blur' } ] } } } } </script>
結果:
12 true
-3 false
1.3 true
1.33 false
正則表示式:
數字(非負),保留1位小數: /^(0|([1-9]\d*))(\.\d{1})?$/
正整數: /(^[1-9]\d*$)/
數字(允許負數),保留1位小數: /^[+-]?(0|([1-9]\d*))(\.\d{1})?$/