| 1 | import { exportaAHtml } from "./exportaAHtml.js" |
| 2 | |
| 3 | /** |
| 4 | * Si un elemento HTML tiene un mensaje de validación, lo |
| 5 | * muestra en su elemento de ayuda; en caso contrario, muestra |
| 6 | * un mensaje de ayuda. |
| 7 | * @param { { |
| 8 | * validity: { valid: boolean }; |
| 9 | * validationMessage: string |
| 10 | * } } elementoHtml elemento que contiene datos de validación. |
| 11 | * @param { HTMLElement } elementoDeAyuda elemento fonde |
| 12 | * se muestran los elementos de validación para elementoHtml. |
| 13 | * @param { string } mensajeDeAyuda mensaje de ayuda cuando el |
| 14 | * estado de elementoHtml es válido. |
| 15 | */ |
| 16 | export function muestraTextoDeAyuda(elementoHtml, elementoDeAyuda, |
| 17 | mensajeDeAyuda) { |
| 18 | if (elementoHtml.validity.valid) { |
| 19 | elementoDeAyuda.textContent = mensajeDeAyuda |
| 20 | } else { |
| 21 | elementoDeAyuda.textContent = elementoHtml.validationMessage |
| 22 | } |
| 23 | } |
| 24 | |
| 25 | exportaAHtml(muestraTextoDeAyuda) |