Vuejs2 v-text-field中的多个验证规则

Vuejs2 v-text-field中的多个验证规则,vuejs2,vuetify.js,Vuejs2,Vuetify.js,我需要对vuetify中的一个字段执行多个验证,例如,标识字段必须有11个字符,并且所有字符都必须是数字。我正在使用此代码,但它会验证数量,以及数量是否为数字,或者是否仅在写入的第一个字符中。您能否指导我如何解决此问题 这是我正在使用的代码的一部分 <v-col cols="4" sm="4" md="4"> <v-text-field label="Identidad*" v-model.number=

我需要对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'
             ],
.......



.......
导出默认值{
数据:()=>{
返回{
对话:错,
搜索:“”,
isFormValid:false,
输入规则:[
(v) =>v.toString().length>=11 | |长11个字符,
(v) =>!isNaN(五)| | |“El valor debe ser numérico”
],
.......

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


试试下面这条规则,它与检查有效的11位数字有关

inputidentidadrules:[(v) => /^\d{11}$/.test(v) || 'Enter valid 11 digit']

尝试在codepen/code sandbox上添加代码的工作示例!这将有助于调试非常感谢您的建议,我能够解决将您的部分解决方案与@hardikThank的部分解决方案相结合的问题。非常感谢我发现您的答案非常有用
inputidentidadrules:[(v) => /^\d{11}$/.test(v) || 'Enter valid 11 digit']