Vuejs2 v-text-field中的多个验证规则
我需要对vuetify中的一个字段执行多个验证,例如,标识字段必须有11个字符,并且所有字符都必须是数字。我正在使用此代码,但它会验证数量,以及数量是否为数字,或者是否仅在写入的第一个字符中。您能否指导我如何解决此问题 这是我正在使用的代码的一部分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=
<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']