iview表单验证数字

2019-06-16 10:54:56 阅读：494 来源： 互联网

标签：验证 true 表单 trigger blur message type 输入 iview

验证输入字符串必须为数字

html:

                <FormItem label="兑换积分：" prop="exchangeIntegral">
                    <Input v-model="formSpecAdd.exchangeIntegral" placeholder="请输入兑换积分" style="width: 250px"></Input>
                </FormItem>


                <FormItem label="库存数量：" prop="stockNum">
                    <Input v-model="formSpecAdd.stockNum" placeholder="请输入库存数量" style="width: 250px"></Input>
                </FormItem>


                <FormItem label="商品价值：" prop="productMoney">
                    <Input v-model="formSpecAdd.productMoney" placeholder="请输入商品价值" style="width: 250px"></Input>
                </FormItem>

js:

                    exchangeIntegral: [
                        {required: true, message: '请输入兑换积分', trigger: 'blur'},
                        {type: 'string', pattern: /^\d+$/, message: '请输入数字', trigger: 'blur'}
                    ],

                    stockNum: [
                        {required: true, message: '请输入库存数量', trigger: 'blur'},
                        {type: 'string', pattern: /^\d+$/, message: '请输入数字', trigger: 'blur'}
                    ],

                    productMoney: [
                        {required: true, message: '请输入商品价值', trigger: 'blur'},
                        {type: 'string', pattern: /^\d+$/, message: '请输入数字', trigger: 'blur'}
                    ],

或者：直接将输入框定义为 number类型

                <FormItem label="兑换积分：" prop="exchangeIntegral">
                    <Input v-model="formSpecAdd.exchangeIntegral" number placeholder="请输入兑换积分" style="width: 250px"></Input>
                </FormItem>

js:验证

                    exchangeIntegral: [
                        {required: true, type: 'number', message: '请输入兑换积分', trigger: 'blur'},
                        {type: 'number', message: '请输入数字', trigger: 'blur'}
                    ],

请参考：

https://www.cnblogs.com/chenmz1995/p/10804076.html

https://www.iviewui.com/components/form#ZDYYZ

https://github.com/yiminghe/async-validator

标签：验证,true,表单,trigger,blur,message,type,输入,iview
来源： https://www.cnblogs.com/taohuaya/p/11030202.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

iview表单验证数字