Méthode d'implémentation de HTML détectant que la saisie est terminée et remplissant automatiquement le contenu suivant

Dans l'article précédent, nous avons simplement implémenté la détection que la saisie a été effectuée. Nous allons maintenant un peu plus loin, sur cette base, nous pouvons réaliser la détection que la saisie a été effectuée. complété et remplissez automatiquement le contenu suivant.

Lorsque nous devons remplir automatiquement le contenu et que nous ne voulons pas qu'il soit modifié, nous devons ajouter l'attribut readonly.

Lors du remplissage du formulaire de remboursement, il vous suffit de renseigner le nombre de jours de déplacement professionnel et le montant de l'aide déplacement professionnel sera automatiquement calculé.

Le code est le suivant

 <tbody> <tr style=background-color:#FfFFFF> <th colspan=2 class=info>Subvention pour voyage d'affaires :</th> </tr> <tr style=background-color:#F3F3F3> <th>Numéro de jours de subvention :</th> <td> <input class=form-control onBlur=finnishInput(event) onInput(event) id=travelAllowanceDaysId type=number placeholder=> </td> </tr> <tr style=background-color:#FFFFFF> <th>Montant de la subvention :</th> <td> <input class=form-control id=travelAllowanceFeesId type=number placeholder= > </td> </tr></tbody>

Code Javascript :

 var flag = 0; function onInput(e) { console.log(Inputing); flag = 1; $api.byId('travelAllowanceFeesId'), 'readonly');} function finnishInput(e) { if (1 == indicateur) { console.log(InputOk); indicateur = 0; $api.byId('travelAllowanceFeesId').value = 400*$api.byId('travelAllowanceDaysId').value; $api.attr($api.byId('travelAllowanceFeesId'), 'readonly', true }});

Les résultats sont les suivants

Ce qui précède est la méthode d'implémentation que l'éditeur vous présente pour détecter que la saisie HTML est terminée et remplir automatiquement le contenu suivant. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et. l'éditeur vous répondra à temps. Je tiens également à remercier tout le monde pour votre soutien au site d'arts martiaux VeVb !

Si vous pensez que cet article vous est utile, n'hésitez pas à le réimprimer, veuillez indiquer la source, merci !