Maison > interface Web > js tutoriel > Méthode de vérification JS lors de la connexion aux compétences HTML page_javascript

Méthode de vérification JS lors de la connexion aux compétences HTML page_javascript

WBOY
Libérer: 2016-05-16 16:46:26
original
1550 Les gens l'ont consulté

Développer une page HTML d’inscription pour collecter les informations d’inscription des utilisateurs. Comprend : nom (ne peut pas être vide), âge (doit avoir plus de 17 ans), poids (30-150 kg), classe (liste déroulante), mot de passe de connexion (au moins 8 caractères), mot de passe de confirmation (identique à la connexion mot de passe), e-mail ((ne peut pas être vide), numéro de téléphone, QQ, CV et autres informations. Et créez les validations correspondantes pour les éléments de ces tableaux. Si une erreur est détectée, l'erreur sera affichée en mots rouges derrière la zone de saisie. Vous devez utiliser le texte de la zone de saisie de texte sur une seule ligne, la sélection de la zone de liste déroulante, le mot de passe de la zone de saisie du mot de passe et la zone de texte de la zone de saisie de texte sur plusieurs lignes que vous avez apprises dans les sections précédentes. Il s'agit d'un formulaire d'inscription d'utilisateur plus pratique.

register.html :

Copier le code Le code est le suivant :

< !doctype html>


🎜>< ;link href="check.css" rel="stylesheet" type="text/css">

()">



< td>Nom* :




" id="weight" size="20" onChange='check("weight")'>


;tr>


🎜>






="TEL" id="TEL" size="20">



tr>

🎜>


/corps>

check.css :
复制代码 代码如下 :

td.check{
couleur :#C00 ;
font-weight: gras;
}

load.js :
复制代码 代码如下 :

function check(str)
{
var x = document.getElementById(str);
var y = document.getElementById(str "Check");
//alert("check!");
if(str=="name")
{
if(x.value=="")
y.hidden = false;
else
y.hidden = true;
}
else if(str=="age")
{
if(isNaN(x.value) || x.value < 17)
y.hidden = false;
else
y.hidden = true;
}
else if(str=="weight")
{
x = x.value;
if(isNaN(x) || x < 30 || x > 150)
y.hidden = false;
else
y.hidden = true;
}
else if(str=="password")
{
x = x.value.length;
if(x < 8)
{
y.hidden = false;
//alert("check!");
}
else
y.hidden = true;
}
else if(str=="cpassword")
{
var z = document.getElementById("password").value;
x = x.valeur ;
if(x != z)
y.hidden = false;
else
y.hidden = true;
}
else if(str=="email")
{
x = x.value.indexOf("@")
if(x == -1)
y.hidden = faux;
else
y.hidden = true;
}
retour y.hidden ;
}

function validate()
{
var arr=["name", "age", "weight", "password", "cpassword", "email"];
var je = 0;
submitOK = true ;
while(i <= 5)
{
if(!check(arr[i]))
{
alert(arr[i] "faux!");
submitOK = false;
pause;
}
je ;
}
if(submitOK)
{
alert("提交成功!");
retourne vrai ;
}
else
{
alert("提交失败");
retour faux ;
}
}

function load_greeting()
{
//alert("visit n");
}
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal

Âge :
poids :
;select id="class" name="class">




Mot de passe* : Confirmer le mot de passe* :
E-mail* :
TEL :
Informations personnelles :

< type d'entrée="reset" name="reset">