1. 程式人生 > 其它 >element-ui中el-form表單驗證(物件中包含物件),正則表示式

element-ui中el-form表單驗證(物件中包含物件),正則表示式

上圖:

 

校驗:

<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(
new Error('最大99')) } else { callback() } } else { callback(new Error('請輸入數字(最多保留一位小數)')) } } else { callback() } } return { formLabelAlignRules: { 'development.testResult': [ { required:
true, message: '請輸入測試結果', trigger: 'change' }, { validator: checkTrainNum, trigger: 'blur' } ] } } } } </script>
View Code

結果:

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})?$/