tutoriais mais recente desenvolvimento web
 

JavaScript Forms


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 .