Cet exemple résume les fonctions de validation communes pour JavaScript. Partagez-le pour votre référence. Le résumé spécifique est le suivant:
1. Vérification des classes de chaînes
1. Limite de longueur
Copiez le code comme suit: <cript>
Test de fonction ()
{
if (document.abvalue.length> 50)
{
alert ("ne peut pas dépasser 50 caractères!");
document.abfocus ();
retourne false;
}
}
</cript>
<form name = a onsubmit = "return test ()">
<textarea name = "b" cols = "40" wrap = "virtual" rows = "6"> </ textarea>
<input type = "soumi" name = "soumi" value = "check">
</ form>
2. Ce ne peut être que des caractères chinois
Copiez le code du code comme suit: <entrée onkeyup = "value =" / oblog / value.replace (/ [^ / u4e00- / u9fa5] / g, '') ">
3. "ne peut être qu'en anglais
Copiez le code comme suit: <Script Language = JavaScript>
fonction uniquement ()
{
if (! (event.KeyCode> = 65 && event.KeyCode <= 90))
event.ReturnValue = false;
}
</cript>
<entrée onkeydown = "OnlyEng ();">
4. Ce ne peut être qu'un nombre
Copiez le code comme suit: <Script Language = JavaScript>
Fonction OnlyNum ()
{
if (! ((event.KeyCode> = 48 && Event.KeyCode <= 57) || (event.KeyCode> = 96 && event.KeyCode <= 105))))
// Considérez les touches numériques sur le clavier
event.ReturnValue = false;
}
</cript>
<entrée onkeydown = "onlyNum ();">
5. Seuls les caractères et nombres anglais
Copiez le code du code comme suit: <entrée onkeyup = "value =" / oblog / value.replace (/ [/ w] / g, "'')" onBeforepaste = "ClipboardData.setData ('Text', ClipboardData.getData ('Text'). Remplace (/ [^ / d] / g, ''))">
6. Vérifiez le format de messagerie
La copie de code est la suivante: <Script Language = JavaScript Runat = Server>
fonction isEmail (stremail) {
if (stremail.search (/ ^ / w + ((- / w +) | (/./ w +)) * / @ [a-za-z0-9] + ((/. | -) [a-za-z0-9] +) * /.
Retour Vrai;
autre
alerte ("oh");
}
</cript>
<input type = text onblur = isemail (this.value)>
7. Bloquer les mots clés (bloc *** et **** ici)
Copiez le code comme suit: <Script Language = "JavaScript1.2">
fonction test () {
if ((abValue.Indexof ("***") == 0) || (abValue.Indexof ("****") == 0)) {
alerte ("123");
Abfocus ();
retour false;}
}
</cript>
<form name = a onsubmit = "return test ()">
<entrée type = nom de texte = b>
<input type = "soumi" name = "soumi" value = "check">
</ form>
8. Si le mot de passe est le même deux fois
Copiez le code de code comme suit: <formulaire méthode = post-action = "">
<input type = "mot de passe" id = "input1">
<input type = "mot de passe" id = "input2">
<input type = "bouton" value = "test" onclick = "check ()">
</ form>
<cript>
Fonction Check ()
{
avec (document.all) {
if (input1.value! = input2.value)
{
alerte ("false")
input1.value = "";
input2.value = "";
}
else document.forms [0] .Submit ();
}
}
</cript>
9. C'est cool de bloquer le clic droit!
Copiez le code comme suit: onContextMenu = "return false" ondragstart = "return false" onselectstart = "return false"
Ajouté dans le corps
2. Vérification du formulaire
1 L'élément de formulaire ne peut pas être vide
Copiez le code comme suit: <Script Language = "JavaScript">
<! -
Fonction CheckForm ()
{
if (document.form.name.value.length == 0) {
alert ("Veuillez entrer votre nom!");
document.form.name.focus ();
retourne false;
}
Retour Vrai;
}
->
</cript>
2 Comparez si les valeurs des deux éléments de formulaire sont les mêmes
Copiez le code comme suit: <Script Language = "JavaScript">
<! -
Fonction CheckForm ()
if (document.form.pwd.value! = document.form.pwd_again.value) {
alert ("Le mot de passe que vous avez saisi deux fois est différent! Veuillez vous remettre.");
document.adduser.pwd.focus ();
retourne false;
}
Retour Vrai;
}
->
</cript>
3 L'élément de formulaire ne peut être que le numéro et "_", utilisé pour la vérification du compte / compte bancaire, peut être étendu à l'enregistrement du nom de domaine, etc.
Copiez le code comme suit: <Script Language = "JavaScript">
<! -
fonction isNumber (String)
{
var Letters = "1234567890-"; // Vous pouvez augmenter la valeur d'entrée vous-même
var i;
var c;
if (string.charat (0) == '-')
retourne false;
if (string.charat (string.length - 1) == '-')
retourne false;
pour (i = 0; i <string.length; i ++)
{
c = string.charat (i);
if (Letters.indexof (c) <0)
retourne false;
}
Retour Vrai;
}
Fonction CheckForm ()
{
if (! isNumber (document.form.tel.value)) {
alert ("Votre numéro de téléphone est illégal!");
document.form.tel.focus ();
retourne false;
}
Retour Vrai;
}
->
</cript>
4 Valeur d'entrée de formulaire / limite de longueur
Copiez le code comme suit: <Script Language = "JavaScript">
<! -
Fonction CheckForm ()
{
if (document.form.count.value> 100 || document.form.count.value <1)
{
alerte ("La valeur d'entrée ne peut pas être inférieure à zéro ou supérieure à 100!");
document.form.count.focus ();
retourne false;
}
if (document.form.message.value.length <10)
{
alert ("Le texte d'entrée est inférieur à 10!");
document.form.message.focus ();
retourne false;
}
Retour Vrai;
}
// ->
</cript>
5 Chinois / Anglais / Numéro / Adresse e-mail Jugement de la légalité
Copiez le code comme suit: <Script Language = "JavaScript">
<! -
fonction isenglish (nom) // détection de valeur anglaise
{
if (name.length == 0)
retourne false;
pour (i = 0; i <name.length; i ++) {
if (name.charcodeat (i)> 128)
retourne false;
}
Retour Vrai;
}
La fonction est chinoise (nom) // Détection de valeur chinoise
{
if (name.length == 0)
retourne false;
pour (i = 0; i <name.length; i ++) {
if (name.charcodeat (i)> 128)
Retour Vrai;
}
retourne false;
}
fonction ismail (nom) // détection de valeur par e-mail
{
if (! iSenglish (nom))
retourne false;
i = name.indexof ("at");
j = name dot lastIndexof ("at");
si (i == -1)
retourne false;
si (i! = J)
retourne false;
if (i == nom de la longueur du point)
retourne false;
Retour Vrai;
}
fonction isNumber (nom) // détection numérique
{
if (name.length == 0)
retourne false;
pour (i = 0; i <name.length; i ++) {
if (name.charat (i) <"0" || name.charat (i)> "9")
retourne false;
}
Retour Vrai;
}
Fonction CheckForm ()
{
if (! ismail (form.email.value)) {
alert ("Votre e-mail est illégal!");
form.email.focus ();
retourne false;
}
if (! iSenglish (form.name.value)) {
alert ("Le nom anglais est illégal!");
form.name.focus ();
retourne false;
}
if (! Ischinese (form.cnname.value)) {
alerte ("Le nom chinois est illégal!");
form.cnname.focus ();
retourne false;
}
if (! isNumber (form.publiczipcode.value)) {
alert ("Le code postal est illégal!");
form.publiczipcode.focus ();
retourne false;
}
Retour Vrai;
}
// ->
</cript>
6 caractères qui ne sont pas autorisés à entrer dans un élément de formulaire
Copiez le code comme suit: <Script Language = "JavaScript">
<! -
La fonction contient (str, charset) // String contient des fonctions de test
{
var i;
for (i = 0; i <charset.length; i ++)
if (str.indexof (charset.charat (i))> = 0)
Retour Vrai;
retourne false;
}
Fonction CheckForm ()
{
if ((contenant (document.form.name.value, "% / (/)> <")) || (contenant (document.form.message.value, "% / (/)> <"))))
{
alerte ("caractère illégal entré");
document.form.name.focus ();
retourne false;
}
Retour Vrai;
}
// ->
</cript>
3. Autres vérifications:
1. Vérifiez si une chaîne est composée de nombres
Copiez le code de code comme suit: <script linguisse = "javascript"> <! -
Fonction Checknum (str) {return str.match (// d /) == null}
alerte (Checknum ("1232142141"))
alerte (Checknum ("123214214a1"))
// -> </ script>
2. Comment déterminer s'il s'agit d'un personnage
La copie de code est la suivante: if (/ ·^/x00-/xff
else alert ("tous les caractères");
3. Comment déterminer si les caractères chinois sont inclus
La copie de code est la suivante: if (Escape (str) .Indexof ("% u")! = - 1) alert ("Contient des caractères chinois");
else alert ("tous les caractères");
4. Vérification du format par e-mail
Copiez le code comme suit: // Nom de la fonction: Chkemail
// Fonction Introduction: Vérifiez s'il s'agit d'une adresse e-mail
// Description du paramètre: chaîne à vérifier
// Valeur de retour: 0: pas 1: Oui
fonction chkemail (a)
{var i = a.Length;
var temp = a.indexof ('@');
var tempd = a.indexof ('.');
if (temp> 1) {
if ((i-timp)> 3) {
if ((i-tempd)> 0) {
retour 1;
}
}
}
retour 0;
}
5. Vérification du format numérique
Copiez le code comme suit: // Nom de la fonction: Fucchecknum
// Fonction Introduction: Vérifiez s'il s'agit d'un nombre
// Description des particules: numéro à vérifier
// Valeur de retour: 1 est un nombre, 0 n'est pas un nombre
fonction fucchecknum (num)
{
var i, j, strTEmp;
strtemp = "0123456789";
if (num.length == 0)
retour 0
pour (i = 0; i <num.length; i ++)
{
j = strTemp.Indexof (num.charat (i));
si (j == - 1)
{
// Cela signifie qu'il y a des caractères mais pas des nombres
retour 0;
}
}
// La description est un nombre
retour 1;
}
6. Vérification du format de numéro de téléphone
Copiez le code comme suit: // Nom de la fonction: Fucchecktel
// Fonction Introduction: Vérifiez s'il s'agit d'un numéro de téléphone
// Description du paramètre: chaîne à vérifier
// Valeur de retour: 1 est légal, 0 est illégal
fonction fucchecktel (Tel)
{
var i, j, strTEmp;
strTemp = "0123456789 - () #";
pour (i = 0; i <tel.length; i ++)
{
J = strTemp.Indexof (Tel.Charat (i));
si (j == - 1)
{
// Cela signifie qu'il y a des personnages illégaux
retour 0;
}
}
// Explication légale
retour 1;
}
7. Une fonction pour déterminer si l'entrée est une langue chinoise
Copiez le code comme suit: fonction ischinese (s) {
var ret = true;
pour (var i = 0; i <s.length; i ++)
ret = ret && (s.CharCodeat (i)> = 10000);
retour retour;
}
8. Une fonction complète pour juger de la légitimité de l'entrée des utilisateurs
Copiez le code comme suit: <Script Language = "JavaScript">
// limite le nombre de bits de caractères d'entrée pour commencer
// m est l'entrée de l'utilisateur, n est le nombre de chiffres à limiter
fonction issmall (m, n)
{
if ((m <n) && (m> 0))
{
return (false);
}
autre
{return (true);}
}
9. Déterminez si le mot de passe est entré de manière cohérente
Copiez le code comme suit: Fonction ISSAMAM (STR1, STR2)
{
if (str1 == str2)
{return (true);}
autre
{return (false);}
}
10. Déterminez si le nom d'utilisateur est une ligne de glissement de lettres
La copie de code est la suivante: Fonction Notchinese (str) {
var reg = / [^ a-za-z0-9 _] / g
if (reg.test (str)) {
return (false);
}autre{
return (true); }
}
11. Fonction de vérification générale pour le champ de texte du formulaire
Fonction: détecter tous les textes d'entrée qui doivent être non vides, tels que le nom, le compte, l'adresse e-mail, etc.
Cette vérification est désormais uniquement pour les champs de texte. Si vous souhaitez cibler d'autres objets de domaine en forme, vous pouvez modifier les conditions de jugement.
Comment utiliser: ajouter du texte de titre au champ de texte à détecter. Le texte est un message rapide, le nom chinois du champ que vous souhaitez inviter à l'utilisateur. Par exemple, pour détecter le nom d'utilisateur
Le html est le suivant <entrée name = "txt_1">. Bien sûr, il est préférable d'utiliser des outils de visualisation tels que Dreamweaver pour modifier le domaine.
Si vous souhaitez détecter les données de type numérique, unifiez l'ID du domaine en SZ.
Il est gênant de juger les types de dates en JavaScript, il n'y a donc pas de programme pour la vérification du type de date. Les experts peuvent l'ajouter.
Le programme est relativement de l'herbe, fournit juste une idée. Jeter des briques et attirer du jade! :)
Oh, au fait, méthode de l'appel de fonction: <formulaire onSubmit = "return dovalidate ()">
Copiez le code comme suit: fonction dovalidate ()
{
fm = document.forms [0] // Un seul formulaire est détecté, s'il existe plusieurs formulaires, les conditions de jugement peuvent être modifiées
pour (i = 0; i <fm.Length; i ++)
{
// Les conditions de détection et de jugement peuvent être modifiées en fonction du type
if (fm.tagname.touppercase () == "entrée" && fm.type.touppercase () == "text" && (fm.title! = ""))
if (fm.value = "/ blog / =" ") //
{
str_warn1 = fm.title + "ne peut pas être vide!";
alert (str_warn1);
fm.focus ();
retourne false;
}
if (fm.id.toupperase () == "sz") // Vérification numérique
{
if (Isnan (fm.value))
{str_warn2 = fm.title + "format incorrect";
alert (str_warn2);
fm.focus ();
retourne false;
}
}
}
Retour Vrai;
}
12. Vérifiez que la radio est sélectionnée
Copiez le code comme suit: <Script Language = "JavaScript">
Fonction CheckForm (OBJ)
{
pour (i = 0; i <obj.oo.length; i ++)
if (obj.oo [i] .checked == true) renvoie true;
alerte ("Veuillez sélectionner")
retourne false;
}
</cript>
<form id = "form1" name = "form1" méthode = "post" action = "" onSubmit = "return checkform (this)">
<input type = "radio" name = "oo" value = "radiobutton" />
<input type = "radio" name = "oo" value = "radiobutton" />
<input type = "soumi" name = "soumi" value = "soumi" />
</ form>
J'espère que la description de cet article sera utile à la programmation Web de chacun basée sur JavaScript.