JavaScript validation de formulaire

JavaScript validation de formulaire

JavaScript peut être utilisé avant d'être envoyé au serveur dans les données sur ces formulaires HTML validation des données d'entrée.

les données de formulaires ont souvent besoin d'utiliser JavaScript pour vérifier son exactitude:

• Vérifiez que les données du formulaire est vide?


• Vérifiez si l'entrée est une adresse e-mail correcte?


• Vérifiez la date entré correctement?


• Valider la forme d'entrée est de type numérique?

projet requis (ou obligatoire)

Les fonctions suivantes sont utilisées pour vérifier si l'utilisateur est tenu de remplir un formulaire (ou obligatoire) projet. Si nécessaire ou une option nécessaire est vide, une boîte d'avertissement pop-up, et la valeur de retour de la fonction est fausse, sinon la valeur de retour de la fonction était vrai (signifie pas de problème que les données):

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

La fonction ci-dessus est appelée lorsque le formulaire est soumis sous forme:

vérification E-mail

La fonction vérifie si les données saisies répond à la syntaxe de base suivante d'adresse e-mail.

Son point est que les données d'entrée doivent comprendre le symbole @ et le point (.). Pendant ce temps, le @ est pas la première adresse de caractère mail après le @ et la nécessité d'au moins un certain nombre de points:

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;
	}
}

Ce qui suit est le code complet avec le formulaire HTML: