Un exemple simple pour déterminer si la valeur saisie par l'utilisateur est vide dans js

Auteur：Eve Cole Date de mise à jour：2025-03-23 05:16:01

Déterminer si la valeur saisie par l'utilisateur est vide dans js est quelque chose que tout le monde utilise beaucoup. Mais je l'ai fait, la raison est simplement que je pense que mon code est bien écrit, pour votre référence. temps.

Ceci est tiré de la page d'enregistrement des utilisateurs d'un de mes projets. Pour la plupart des gens, c'est une expérience presque à 100 %.

Postez le code, ces codes sont tous écrits en js. Ce n'est pas difficile et facile à comprendre, il suffit de faire la distinction entre les deux classes js.

Code de la première page : reguser.aspx

Copiez le code comme suit :

<%@ Page Language="c#" Codebehind="RegUser.aspx.cs" AutoEventWireup="false" Inherits="Enterprise.Web.RegUser" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

<html>

<tête>

<title>Inscription de l'utilisateur</title>

<méta name="CODE_LANGUAGE" Content="C#">

var reg = {};

reg.userName = '';

reg.mot de passe = '';

reg.confirmPassword = '';

reg.question = '';

reg.answer = '';

reg.url = '';

reg.sexe = 1 ;

reg.email = '';

reg.tel = '';

reg.mobile = '';

reg.qq = '';

reg.address = '';

reg.postalcode = '';

reg.form = null ;

fonction btnSubmit_onclick()

{

reg.form = document.forms[0];

var comFun = new commonFunction();

if(!comFun.checkIsEmpty(reg.form))

{

renvoie faux ;

}

if(comFun.$getElementById('txtPassword').value!=comFun.$getElementById('txtConfirmPassword').value)

{

alert('Les deux entrées de mot de passe sont incohérentes');

comFun.$getElementById('txtConfirmPassword').select();

renvoie faux ;

}

reg.userName = comFun.$getElementById('txtUserName');

reg.password = comFun.$getElementById('txtPassword');

reg.question = comFun.$getElementById('txtQuestion');

reg.answer = comFun.$getElementById('txtAnswer');

reg.url = comFun.$getElementById('txtUrl');

reg.email = comFun.$getElementById('txtEmail');

reg.tel = comFun.$getElementById('txtTel');

reg.mobile = comFun.$getElementById('txtMobile');

reg.qq = comFun.$getElementById('txtQQ');

reg.address = comFun.$getElementById('txtAddress');

reg.postalcode = comFun.$getElementById('txtPostalcode');

var es = comFun.$getElementsByName('sex');

var eL = es.longueur;

pour(var i=0; i<eL; i++)

{

var e = es[je];

si (e.vérifié)

{

reg.sex = e.valeur ;

casser;

}

RegUser.Reg (reg.userName.value, reg.password.value, reg.question.value, reg.answer.value, reg.url.value, reg.sex.value, reg.email.value, reg.tel. valeur, reg.mobile.value, reg.qq.value, reg.address.value, reg.postalcode.value, callback_Reg);

}

fonction callback_Reg(res)

{

var rv = res.value;

si(rv)

{

alert('Inscription réussie !');

window.location.href='/Default.aspx';

}

autre

{

alert('Une erreur s'est produite et l'enregistrement a échoué ! Il est possible que le nom d'utilisateur ou le nom de domaine ait été enregistré par quelqu'un d'autre !');

}

// Vérifiez si le nom de domaine du nom d'utilisateur a été enregistré par d'autres utilisateurs

fonction checkIsRegistered (obj, errorS, t)

{

var v = obj.valeur ;

var rv = RegUser.CheckIsRegistered(v, t).value;

si(rv)

{

alerte(erreurS);

obj.select();

renvoie faux ;

}

</script>

</tête>

<tr>

<td><div align="right">Nom d'utilisateur :</div>

</td>

</tr>

<tr>

<td><div align="right">Mot de passe :</div>

</td>

</tr>

<tr>

<td><div align="right">Confirmer le mot de passe :</div>

</td>

</tr>

<tr>

<td><div align="right">Question relative au mot de passe :</div>

</td>

</tr>

<tr>

<td><div align="right">Réponse à la question sur le mot de passe :</div>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

</td>

<td><input type="radio" id="garçon" name="sex" value="1" vérifié>Homme<input type="radio" id="girl" name="sex" value="0" >Femme</td>

</tr>

<tr>

</td>

</tr>

<tr>

<td><div align="right">Téléphone fixe :</div>

</td>

</tr>

<tr>

<td><div align="right">Téléphone portable :</div>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

<td><div align="right">Adresse :</div>

</td>

</tr>

<tr>

<td><div align="right">Code postal :</div>

</td>

</tr>

<tr>

<td><div align="right">Opération :</div>

</td>

</tr>

</table>

</form>

</corps>

</html>

Dans le code ci-dessus, un fichier CommonFunction.js est inclus. Voici son contenu :

Copiez le code comme suit :

/************************************************ * *********

* Fonction js publique

************************************************** * *********/

fonction commonFunction()

{

// la valeur de vérification est nulle ou vide

this.checkIsEmpty = fonction (obj)

{

var indicateur = vrai ;

pour(var i=0; i<obj.length; i++)

{

var e = obj.item(i);

si (e.isRequired)

{

si(e.value=='')

{

alert(e.errorSForEmpty);

e.focus();

drapeau = faux ;

casser;

}

si (e.isValidate)

{

if(this.checkValidate(e)==false)

{

alert(e.errorSForValidate);

e.select();

e.focus();

drapeau = faux ;

casser;

}

drapeau de retour ;

}

// la valeur de contrôle est validée

this.checkValidate = fonction(e)

{

var v = e.valeur ;

si(v!='')

{

return this.checkReg(e.validatePattern, v);

}

// validation de l'expression rationnelle

this.checkReg = fonction (modèle, valeur)

{

motif = motif.substring(1, motif.longueur-1);

var reg = new RegExp(modèle);

si(!reg.test(valeur))

{

renvoie faux ;

}

// renvoie un objet Element By id pour quel identifiant.

this.$getElementById = fonction(id)

{

var e = document.getElementById(id);

si(e!='indéfini')

{

retourner e ;

}

retour;

}

// renvoie un objet Element By name pour quel identifiant.

this.$getElementsByName = fonction(id)

{

var e = document.getElementsByName(id);

si(e!='indéfini')

{

retourner e ;

}

retour;

}

Poste une photo de l'effet :