鍍金池/ 問答/網(wǎng)絡安全  HTML/ modal的驗證問題

modal的驗證問題

clipboard.png

一張圖說明問題。

簡直一臉懵逼。我只貼 部分代碼。

                  <Row>
                    <Col span="12">
                        <Form-item label="價格" prop="price">
                            <Input size="small" v-model="produce.price"/>
                        </Form-item>
                    </Col>
                    <Col span="12">
                        <Form-item label="運費" prop="carriage">
                            <Input size="small" v-model="produce.carriage"/>
                        </Form-item>
                    </Col>
                </Row>
                <Row>
                    <Col span="12">
                    <Form-item label="單件規(guī)格" prop="productSize">
                        <Input size="small" v-model="produce.productSize"/>
                    </Form-item>
                    </Col>
                    <Col span="12">
                    <Form-item label="庫存" prop="store">
                        <Input-number size="small" :max="9999" :min="1" v-model="produce.store"></Input-number>
                        <Input v-model="produce.store" style="display: none"/>
                    </Form-item>
                    </Col>
                </Row>
                
                
              ruleValidate: {
                    productName: [
                        {required: true, message: '姓名不能為空', trigger: 'blur'}
                    ],
                    price: [
                        { required: true, message: '姓名不能為空', trigger: 'blur'}
                    ],
                    carriage: [
                        {required: true, message: '姓名不能為空', trigger: 'blur'}
                    ],
                    expiryDate: [
                        {required: true, message: '姓名不能為空', trigger: 'blur'}
                    ],
                    releaseDate: [
                        {required: true, message: '姓名不能為空', trigger: 'blur'}
                    ],
                    source: [
                        {required: true, message: '姓名不能為空', trigger: 'blur'}
                    ],
                    title: [
                        {required: true, message: '姓名不能為空', trigger: 'blur'}
                    ],
                    store: [
                        {required: true, message: '姓名不能為空', trigger: 'blur'}
                    ],
                    productSize: [
                        {required: true, message: '姓名不能為空', trigger: 'blur'}
                    ],
                }   
                
                watch:{
                isShowProduce(val){
                    if(val){
                        if(this.id===''){
                            this.reset();
                        }else{
                            this.$http.get('produce/getByID?id='+this.id).then(response=>{
                                this.produce = response.data;
                                if (this.produce.imgUrl !== null)
                                    this.imgUrl.push({name: '縮略圖', url: 
                                    this.produce.imgUrl});
                            });
                        }
                    }
                    this.myModel = val;

            },

為什么有數(shù)據(jù)的情況那種錯誤提示還是出現(xiàn)了? bug?

回答
編輯回答
未命名

你這打開的是多個modal吧,打開下一個modal框前先清除之前modal里面的值

2018年3月26日 09:18
編輯回答
久舊酒

如果是input中是數(shù)字,設置rule type=number

number: [
                        {type:'number',required: true, message: '數(shù)量不能為空', trigger: 'blur'}
                    ]
2018年8月12日 02:28
編輯回答
澐染

賦值前先重置一下表單
this.$refs["formInline"].resetFields();

2017年6月30日 20:19