| | |
|---|
| | | <el-card shadow="hover" header="正则验证（一些项目中常用的正则）"> |
|---|
| | | <el-form :model="state.ruleForm" :rules="state.rules" class="tools-warp-form" size="default" label-position="top"> |
|---|
| | | <el-form-item label="验证百分比（不可以小数）:" prop="a22"> |
|---|
| | | <div class="tools-warp-form-msg">验证可以输入大于0小于100的数字</div> |
|---|
| | | <div class="tools-warp-form-msg">验证可以输入>0小于100的数字</div> |
|---|
| | | <div> |
|---|
| | | <el-input v-model="state.ruleForm.a22" @input="onVerifyNumberPercentage($event)" placeholder="请输入数字进行测试"> |
|---|
| | | <template #append> % </template> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item label="验证百分比（可以小数）:" prop="a23" class="mt20"> |
|---|
| | | <div class="tools-warp-form-msg">验证可以输入大于0小于100的数字</div> |
|---|
| | | <div class="tools-warp-form-msg">验证可以输入>0小于100的数字</div> |
|---|
| | | <div> |
|---|
| | | <el-input v-model="state.ruleForm.a23" @input="onVerifyNumberPercentageFloat($event)" placeholder="请输入数字进行测试"> |
|---|
| | | <template #append> % </template> |
|---|
