v文本字段中的多重验证规则

Posted 2021-04-01

我需要在vuetify中的一个字段上执行多次验证，例如，身份字段必须包含11个字符，并且所有字段都必须是数字，我正在使用此代码，但它会验证数量，并且是否仅在数字中验证写的第一个字符。您能指导我如何解决此问题吗？

这是我正在使用的代码的一部分

       <v-col cols="4" sm="4" md="4">
        <v-text-field
          label="Identidad*"  
          v-model.number="editedItem.identidad"
          :rules ='inputidentidadrules'
          counter="11"
          error-count="2"
          required/>
     </v-col>

.......
 export default {
         data: () => { 
           return {
            dialog: false,
            search: '',
            isFormValid: false,
       inputidentidadrules:[
                (v) => v.toString().length >=11 || 'Longitud 11 caracteres',
                (v) => !isNaN(parseFloat(v)) || 'El valor debe ser numérico'
             ],
.......

答案

尝试以下规则并从v-model中删除.number，即使用v-model =“ editedItem.identidad”

inputidentidadrules:[ (v) => /^d+$/.test(v)||'must be numérico', (v) => (v && v.length > 10) || 'Longitud 11 caracteres' ],