validação de formulário JavaScript

validação de formulário JavaScript

JavaScript pode ser usado antes de ser enviado para o servidor nos dados sobre estes validação de dados de entrada de formulário HTML.

dados do formulário, muitas vezes precisa usar JavaScript para verificar sua exatidão:

• Verifique se os dados do formulário está vazio?


• Verifique se a entrada é um endereço de e-mail correto?


• Verifique a data inserida corretamente?


• Validar a entrada de formulário é tipo numérico?

Requerido (ou obrigatório) projeto

As seguintes funções são usados ​​para verificar se o usuário é obrigado a preencher um formulário (ou obrigatório) projeto. Se necessário ou opção necessária está vazia, então uma caixa de aviso irá aparecer, e o valor de retorno da função é falso, caso contrário, o valor de retorno da função era verdade (não há problema significa que os dados):

function validateForm()
{
	var x=document.forms["myForm"]["fname"].value;
	if (x==null || x=="")
	{
		alert("姓必须填写");
		return false;
	}
}

A função acima é chamado quando o formulário é enviado forma:

verificação de E-mail

função verifica se os dados inseridos atende a seguinte sintaxe básica do endereço de e-mail.

Seu ponto é que os dados de entrada deve incluir o símbolo @ eo ponto (.). Enquanto isso, o @ não é a primeira mail caractere após o @ ea necessidade de, pelo menos, um número de pontos:

function validateForm(){
	var x=document.forms["myForm"]["email"].value;
	var atpos=x.indexOf("@");
	var dotpos=x.lastIndexOf(".");
	if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length){
		alert("不是一个有效的 e-mail 地址");
		return false;
	}
}

A seguir está o código completo, juntamente com o formulário HTML: