zoukankan      html  css  js  c++  java
  • iview form表单验证,已填写但一直提示错误

    最近在用iview开发,写了一个简单的form表单提交,是下拉提交,就一个值,但是一直选了值都报没有填写!很郁闷。

    最后找到原因发现ivew的form表单验证默认是支持String类型的,Number类型的就会一直返回false,

    所以不管是下拉选择框,还是输入框只要改成String类型或者验证规则加上type:numbr即可(我是修改的验证规则的type,如下)

    <Form ref="formValidate" :model="formData" :rules="formRule" :label-width="120">
         <FormItem label="选择用户:" prop="groupId">
             <!--我的groupId是numbere类型所以一直验证报错 -->
             <Select v-model="formData.groupId" filterable clearable style="300px">
                 <Option v-for="item in list" :value="item.value" :key="item.value">{{ item.label }}</Option>
             </Select>
         </FormItem>
         <FormItem class="modal_btn">
             <Button @click="setSubmit" type="primary">确定</Button>
             <Button @click="close" type="default" style="margin-left: 8px">取消</Button>
         </FormItem>
    </Form>

    对就是下面加了一个  type:'number'

    data () {
            return {
                formData:{
                    groupId:'',
                },      
                formRule:{
                    groupId:[
                        { required: true, message: '请选择用户',type:'number', trigger: 'change' },
                    ]
                }
            }
        },
  • 相关阅读:
    selenium使用
    爬取梨视频
    django实现事务
    django admin模块使用
    跨域问题和django中实现跨域
    Java多线程Condition定点通知
    Java创建线程四种方式
    JVM之JVM体系结构
    Java线程状态
    Java正则表达式解析网页源码
  • 原文地址:https://www.cnblogs.com/yhhBKY/p/13914383.html
Copyright © 2011-2022 走看看