Formulaire uview, carte d'identité, clavier, authentification en temps réel

<u-form-item label="Numéro d'identification" prop="card" ref="card">
	<u-input v-model="form.card" placeholder="Veuillez entrer le numéro d'identification" @click="keyCardShow = true" />
	<u-keyboard ref="uKeyboardCard" mode="card" v-model="keyCardShow" @change="valChangeCard" @backspace="backspaceCard" :mask="false">
    </u-keyboard>
</u-form-item>

        	rules: {
					card: [{
							required: true,
							message: 'Veuillez entrer votre carte d'identité',
							trigger: ['blur','change'],
						},
						{
							// Fonction de validation personnalisée
							validator: (rule, value, callback) => {
								// RetourtrueIndique que la vérification est réussie,RetourfalseIndique un échec
								return this.$u.test.idCard(value)
							},
							message: 'Carte d'identité incorrecte',
							// Les déclencheurs peuvent être utilisés simultanémentblurEtchange
							trigger: ['blur','change'],
						}
					],
				}
            valChangeCard(val) {
				//  Connectez les valeurs de chaque clé à valueDans la variable,Attention!+=Écrire
				this.form.card += val;
				this.triggerSingleFieldValidate("card")
			
			},
			//  La touche Backspace est cliquée 
			backspaceCard() {
				// SupprimervalueDernier caractère de
				if (this.form.card.length) this.form.card = this.form.card.substr(0, this.form.card.length - 1);
				this.triggerSingleFieldValidate("card")
			},
			//Validation
			triggerSingleFieldValidate(refName) {
				setTimeout(()=>{
					this.$refs[refName].onFieldChange()
				},200)
			}