Explications connexes sur la validation des formulaires JavaScript

La vérification du formulaire JavaScript joue un rôle important dans la connexion et l'enregistrement du site Web, c'est pourquoi cet article en fournira une compréhension détaillée.

Validation des formulaires JavaScript

JavaScript peut être utilisé pour valider les données d'entrée dans les formulaires HTML avant que les données ne soient envoyées au serveur.

Les données du formulaire nécessitent souvent JavaScript pour vérifier leur exactitude :

Vérifier si les données du formulaire sont vides ?

Vérifier que l'adresse e-mail saisie est correcte ?

Vérifier que la date est correctement saisie ?

Vérifier si le contenu de la saisie du formulaire est numérique ?

Éléments requis (ou requis)

La fonction suivante permet de vérifier si l'utilisateur a rempli les éléments requis (ou obligatoires) dans le formulaire. Si le champ est obligatoire ou que le champ obligatoire est vide, la boîte d'avertissement apparaîtra et la valeur de retour de la fonction est fausse, sinon la valeur de retour de la fonction est vraie (ce qui signifie qu'il n'y a pas de problème avec les données) :

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

La fonction ci-dessus Appelée lors de la soumission du formulaire :

Instance

<form name="myForm" action="demo-form.php" onsubmit="return validateForm()" method="post">姓: <input type="text" name="fname"><input type="submit" value="提交"></form>

Validation de l'e-mail

La fonction suivante vérifie si le les données sont conformes à la syntaxe de base d’une adresse e-mail.

Cela signifie que les données d'entrée doivent contenir le symbole @ et le point (.). En même temps, @ ne peut pas être le premier caractère de l'adresse e-mail, et il doit y avoir au moins un point après @ :

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

Voici le code complet avec le formulaire HTML :

Exemple

<form name="myForm" action="demo-form.php" onsubmit="return validateForm();" method="post">
    Email: <input type="text" name="email">
    <input type="submit" value="提交"></form>

Cet article explique certaines connaissances liées à la validation de formulaire JavaScript. Pour plus de matériel d'apprentissage, veuillez visiter le site Web php chinois.

Recommandations associées :

Connaissance et utilisation associées des objets booléens JavaScript

Compréhension et utilisation des cookies JavaScript

Méthode d'application pratique de l'instruction JavaScript Switch

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!