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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了v文本字段中的多重验证规则相关的知识,希望对你有一定的参考价值。

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

以上是关于v文本字段中的多重验证规则的主要内容,如果未能解决你的问题,请参考以下文章

使用 vuetify 规则进行验证的时间

使用 FluentValidation 在一条规则中进行多重验证

如何异步验证 Vuetify 文本字段?

仅在提交时验证 vuetify 文本字段

Laravel:模型内的验证。多重验证规则

Vuetify内置的表单校验规则