Formulaires Javascript et compétences de validation-non-vide validation_javascript

Lecture recommandée : Durée de validation du formulaire Javascript

Formulaire de validation-soumission du formulaire Javascript

Validation de formulaire Javascript - première introduction aux expressions régulières

Validation du formulaire Javascript - dévoilement des expressions régulières

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

Vérifiez la légalité des données avant de soumettre le formulaire

Lorsque vous souhaitez vérifier les données du formulaire, vous pouvez utiliser getElementById() pour accéder à n'importe quel élément de la page Web

Chaque champ de formulaire possède un objet de formulaire qui peut être transmis à n'importe quelle fonction qui valide les données du formulaire

<input id="zipcode" name="zipcode" type="text" size="5" onclick="showIt(this.form)"/>
function showIt(thisForm)
{
alert(thisForm["zipcode"].value);
//通过form对象的name属性，取得元素的值
}

Vous pouvez utiliser l'attribut name ou la méthode getElementById() pour obtenir l'élément

Le moment de la vérification des données du formulaire dépend du choix du bon événement de saisie utilisateur à gérer.

En d'autres termes, les données sont vérifiées immédiatement après que l'utilisateur les a saisies.

L'ordre dans lequel les utilisateurs saisissent les données est :

Sélectionner le champ de saisie

Saisissez les données dans le champ

Quittez cette zone et passez à la cible suivante

Sélectionnez le domaine cible suivant

Saisissez les données dans le champ

Dans ce processus, une série d'événements sera déclenchée. Grâce à ces événements, vous pouvez trouver la possibilité de vérifier les données

.

1) Lorsque le champ de saisie est sélectionné, l'événement onfocus (focus) est déclenché

2) Lorsque vous quittez le champ de saisie – déclenchez l'événement de flou (quittez le focus)

3) Lorsque vous quittez le domaine et que le contenu d'entrée change, déclenchez l'événement onchange

Le choix le plus correct est de vérifier les données lorsque l'événement onblur est déclenché

La première étape de vérification : vérifier que le domaine n'est pas vide

<input id="phone" name="phone" type="text" size="12" onblur="validateNonEmpty(this)"/>

Appelez validateNonEmpty pour répondre à l'événement onblur

L'objet formulaire est passé à la fonction à l'aide du mot-clé this

Ce qui suit est la fonction de vérification

function validateNonEmpty(inputField)
{
if(inputField.value.length==0)
{
alert("Please enter a value.");
return false;
} 
return true;
}

Lors de la soumission d'un formulaire Web, les données saisies par l'utilisateur doivent être vérifiées

Lorsque vous souhaitez vérifier les données du formulaire, vous pouvez utiliser getElementById() pour accéder à n'importe quel élément de la page Web

Le contenu ci-dessus est la description complète du formulaire Javascript et de la vérification non vide. J'espère qu'il sera utile à tout le monde !