class="binding_main_nav"> class="binding_main_nav_div"> class="binding_main_nav_div_selection"> 绑定邮箱 class="binding_main_nav_div" @click="bindingphonefn"> class="binding_main_nav_div_noselection"> 绑定手机 class="binding_main_nav_div" @click="bindingpasswordfn"> class="binding_main_nav_div_noselection"> 修改密码 class="binding_main_body"> class="binding_main_body_msg"> 点击“获取验证码”接收验证码,并完成验证 class="binding_main_body_form"> form class="bindingeamil-form" :rules="bindingeamilmsg" :model="bindingemail" ref="bindingemail" > "bindingemail"> class="bindingeamilImg"> "@/assets/img/binding/email.png" /> input placeholder="请输入邮箱号" type="text" tabindex="1" v-model="bindingemail.email" show-word-limit maxlength="20" ref="email" /> class="bindingemailverifica"> class="bindingeamilImg"> "@/assets/img/login/loginyanzhengma.png" /> input ref="verifica" placeholder="请输入验证码" v-model="bindingemail.verifica" type="text" maxlength="6" onkeyup="this.value=this.value.replace(/[^\d.]/g,‘‘);" tabindex="2" /> button v-show="see" class="bindingeamil_form_btn" type="primary" @click="settime" >{{content}} "!see" class="bindingeamil_form_btn" type="primary">{{content}} "primary" class="bindingeamilverificabtn">确定
最主要的代码:
this.$refs.bindingemail.validateField(‘bindingemail‘,(valid) => { if (valid) { return false } else { //执行的操作 }}//bindingemail为这个表单的总的对象(大数组也可以),后面的 ‘bindingemail‘ 为校验规则,当通过验证的时候执行操作,就可以减少请求次数
elementui表单输入框部分校验--判断