5. js / lib / muestraTextoDeAyuda.js

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