只能输入小数点后两位的数字
<template>
<div>
<el-form
:model="ruleForm"
:rules="rules"
ref="ruleForm"
label-width="100px"
class="demo-ruleForm"
>
<el-form-item label="活动名称" prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
<el-form-item>
<el-button
type="primary"
@click="submitForm('ruleForm')"
>立即创建</el-button
>
<el-button @click="resetForm('ruleForm')">重置</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>
export default {
data() {
var checkIdNumber = (rule, value, callback) => {
var reg = new RegExp(/^[0-9]{1}\d*(.\d{1,2})?$|^0.\d{1,2}$/)// 只能输入小数点后两位的数字
if (!reg.test(value)) {
console.log('reg')
callback(new Error('请输入有效金额'))
} else if (value === '0') { // 不能输入零
console.log('0000')
callback(new Error('请输入大于零的金额'))
} else if (value > 999999999) { // 不能输入大于999999999
console.log('999999999')
callback(new Error('请输入有效金额'))
} else {
console.log('value', value)
console.log('else')
callback()
}
}
return {
ruleForm: {
name: ''
},
rules: {
name: [
{
required: true,
message: '请输入应交金额',
trigger: 'blur'
},
{ validator: checkIdNumber, trigger: 'blur' }
]
}
}
},
methods: {
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
alert('submit!')
} else {
console.log('error submit!!')
return false
}
})
},
resetForm(formName) {
this.$refs[formName].resetFields()
}
}
}
</script>
<style></style>