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文本字段中的多重验证规则的主要内容,如果未能解决你的问题,请参考以下文章