oninvalid Evento

objeto de evento

Mais "Try it Yourself" exemplos abaixo.

Definição e Uso

O evento oninvalid ocorre quando um submittable <input> elemento é inválido.

Por exemplo, o campo de entrada é válida se o required atributo é definido e o campo estiver vazio (o required atributo especifica que o campo de entrada deve ser preenchido antes de apresentar a forma).

Suporte navegador

Os números na tabela especificar a primeira versão do navegador que suporta totalmente o evento.

Sintaxe

Em HTML:

< Tente você mesmo "

Em JavaScript:

object .oninvalid=function(){ Tente você mesmo "

Em JavaScript, usando o addEventListener() Método:

object .addEventListener("invalid", myScript );

Tente você mesmo "

Nota: O addEventListener() método não é suportado no Internet Explorer 8 e versões anteriores.

---

Detalhes técnicos

Bolhas:	Não
cancelable:	sim
Tipo de evento:	Evento
tags HTML suportadas:	<Input>
DOM Versão:	Nível 3 Eventos

mais Exemplos

Exemplo

Alertar algum texto se um campo de entrada contém menos de 6 caracteres:

Name: <input type="text" id="myInput" name="fname" pattern=".{6,}">

<script>
document.getElementById("myInput").addEventListener("invalid", myFunction);

function myFunction() {
    alert("Must contain 6 or more characters");
}
</script>

Tente você mesmo "

Exemplo

Alertar algum texto se um campo de entrada contém um número que é inferior a 2 ou superior a 5:

Number: <input type="number" id="myInput" name="quantity" min="2" max="5">

<script>
document.getElementById("myInput").addEventListener("invalid", myFunction);

function myFunction() {
    alert("You must pick a number between 2 and 5. You chose: " + this.value);
}
</script>

Tente você mesmo "

---

Páginas relacionadas

JavaScript Tutorial: Formas de JavaScript

---

<Objeto de evento