JavaScript validação de formulário
validação de formulário HTML pode ser feito por um JavaScript.
Se um campo de formulário (fname) estiver vazia, esta função alerta uma mensagem, e retorna false, para evitar que o formulário seja submetido:
Exemplo JavaScript
function validateForm() {
var
x = document.forms["myForm"]["fname"].value;
if (x == null || x == "") {
alert("Name must be filled out");
return false;
}
}
A função pode ser chamado quando o formulário é enviado:
Exemplo de formulário HTML
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()"
method="post">
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
Tente você mesmo " HTML validação de formulário
validação de formulário HTML pode ser realizada automaticamente pelo navegador:
Se um campo de formulário (fname) estiver vazio, o required atributo impede que esta forma de ser apresentado:
Exemplo de formulário HTML
<form action="demo_form.asp" method="post">
<input type="text" name="fname" required >
<input type="submit" value="Submit">
</form>
Tente você mesmo " validação de formulário HTML automático não funciona no Internet Explorer 9 ou anterior.
Data de validade
A validação dos dados é o processo de assegurar que a entrada de computador está limpo, correto, e útil.
tarefas de validação típicos são:
- tem o usuário preencheu todos os campos obrigatórios?
- tem o usuário inseriu uma data válida?
- tem o usuário digitar texto em um campo numérico?
Na maioria das vezes, a fim de validação de dados é para assegurar a entrada correcta para uma aplicação de computador.
A validação pode ser definida por muitos métodos diferentes, e implementado de muitas maneiras diferentes.
Validação do lado do servidor é executada por um servidor web, depois de entrada tenha sido enviado para o servidor.
Validação do lado do cliente é realizado por um navegador web, antes de entrada é enviado para um servidor web.
HTML restrição de validação
HTML5 introduziu um novo conceito de validação HTML chamado de validação de restrição.
validação de restrição HTML é baseado em:
- Validação restrição atributos de entrada HTML
- Restrição de validação CSS Pseudo seletores
- Validação de restrição propriedades DOM e Métodos
Atributos de Entrada restrição de validação HTML
Atributo | Descrição |
---|---|
disabled | Especifica que o elemento de entrada deve ser desativado |
max | Especifica o valor máximo de um elemento de entrada |
min | Especifica o valor mínimo de um elemento de entrada |
pattern | Especifica o padrão de valor de um elemento de entrada |
required | Especifica que o campo de entrada requer um elemento |
type | Especifica o tipo de um elemento de entrada |
Para uma lista completa, acesse atributos de entrada HTML .
Restrição de validação CSS Pseudo seletores
seletor | Descrição |
---|---|
:disabled | Seleciona elementos de entrada com o atributo "disabled" especificada |
:invalid | Seleciona elementos de entrada com valores inválidos |
:optional | Seleciona elementos de entrada com nenhum atributo "necessária" especificada |
:required | Seleciona elementos de entrada com o atributo "necessária" especificada |
:valid | Seleciona elementos de entrada com valores válidos |
Para uma lista completa, tem que CSS pseudo classes .