鍍金池/ 問答/HTML/ elementui 校驗(yàn)

elementui 校驗(yàn)

<div class="documentsInput" style="margin-top: 20px;">
                  <el-form @keyup.native.enter.ctrl="saveDocAttachForm('docAttachForm')" class="customForm" :inline="true" :rules="docAttachFormAdd"  ref="docAttachForm" :model="docAttachForm" label-width="100px">
                     <!--<el-form-item label-width="0px" label="" prop="DocuCode">
                      <el-input v-model="docAttachForm.DocuCode" type="hidden"  auto-complete="off"></el-input>
                    </el-form-item>-->
                     <el-form-item label="隨附單證代碼" prop="DocuCodeName">
                      <el-input class="requiredOpt" id="DocuCodeNameInput" v-model="docAttachForm.DocuCodeName"  auto-complete="off" :style="{width:'182px'}"></el-input>
                    </el-form-item>
                     <el-form-item label="隨附單證編號(hào)" prop="CertCode">
                      <el-input class="requiredOpt" v-model="docAttachForm.CertCode"  auto-complete="off" :style="{width:'182px'}"></el-input>
                    </el-form-item>  
                  </el-form>
                </div>
校驗(yàn)規(guī)則:
docAttachFormAdd:{
            DocuCodeName: [
              {validator: chkDocuCodeName,trigger:'change,blur'}   
            ],
            CertCode: [
             {validator: chkCertCode,trigger:'change,blur'} 
            ]
          },            
保存方法:
saveDocAttachForm (docAttachForm) {
           this.$refs[docAttachForm].validate((valid) => {
            if (valid) {
               var docAttachNewForm = {}
              for(var it in this.docAttachForm) {
                 docAttachNewForm[it] = this.docAttachForm[it]
              } 
              this.orderData.push(docAttachNewForm)
              this.totalSaveJson.orderData = this.orderData
              for(var it in this.docAttachForm) {
                 this.docAttachForm[it] = ''
              }
              $("#DocuCodeNameInput").focus();
            }
          }) 
        },

我給docAttachForm 添加了校驗(yàn)規(guī)則,當(dāng)保存的時(shí)候如果有不符合規(guī)則的都會(huì)提示錯(cuò)誤,為什么當(dāng)我保存成功后,我把輸入框里的數(shù)據(jù)清空后,讓表單的第一個(gè)輸入框獲取焦點(diǎn),表單里面的必填項(xiàng)還是會(huì)報(bào)錯(cuò),邊框變紅,可是我并沒有校驗(yàn)啊。請(qǐng)教下各位這是什么原因啊

回答
編輯回答
巷尾

因?yàn)槟愕?trigger 寫了 change,blur
內(nèi)容修改或者失去焦點(diǎn)都會(huì)進(jìn)行校驗(yàn)。

2017年11月21日 06:32