los setCustomValidity() metodo de la HTMLObjectElement La interfaz establece un mensaje de validez personalizado para el elemento.

Sintaxis

HTMLObjectElement.setCustomValidity(message);

Parámetros

error
El mensaje que se utilizará para los errores de validez.

Valor devuelto

undefined

Excepciones

Ninguna.

Ejemplos

En este ejemplo, pasamos el ID de un elemento de entrada y configuramos diferentes mensajes de error dependiendo de si falta el valor, si es demasiado bajo o demasiado alto. Además usted deber llame al método reportValidity en el mismo elemento o no pasará nada.

functionvalidate(inputID)var input = document.getElementById(inputID);var validityState_object = input.validity;if(validityState_object.valueMissing)
  input.setCustomValidity('You gotta fill this out, yo!');
  input.reportValidity();elseif(validityState_object.rangeUnderflow)
  input.setCustomValidity('We need a higher number!');
  input.reportValidity();elseif(validityState_object.rangeOverflow)
  input.setCustomValidity('Thats too high!');
  input.reportValidity();else
  input.setCustomValidity('');
  input.reportValidity();

Es vital establecer el mensaje en un vacío. string si no hay errores. Siempre que el mensaje de error no sea nullel formulario no pasará la validación y no se enviará.

Especificaciones

Especificación Estado Comentario
Estándar de vida HTML
La definición de ‘setCustomValidity’ en esa especificación.		 Estándar de vida Definición inicial.

Compatibilidad del navegador

Escritorio Móvil
Cromo Borde Firefox explorador de Internet Ópera Safari WebView Android cromo androide Firefox para Android Ópera Android Safari en IOS Samsung Internet
setCustomValidity 10 12 4 10 ≤12.1 5.1 ≤37 18 4 ≤12.1 5 1.0

Ver también