Ein einfaches Beispiel für die Bestimmung, ob der vom Benutzer eingegebene Wert in js leer ist

Autor：Eve Cole Aktualisierungszeit：2025-03-23 05:16:01

Die Feststellung, ob der vom Benutzer eingegebene Wert in js leer ist, ist etwas, worüber sich nicht viel schreiben lässt. Der Grund dafür ist, dass ich denke, dass mein Code gut geschrieben ist Zeit.

Dies ist der Benutzerregistrierungsseite eines meiner Projekte entnommen. Für die meisten Menschen ist dies fast 100 % Erfahrung.

Veröffentlichen Sie den Code. Diese Codes sind alle in js geschrieben. Beim Lesen müssen Sie nur zwischen den beiden js-Klassen unterscheiden.

Titelseitencode: reguser.aspx

Kopieren Sie den Codecode wie folgt:

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

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

<html>

<Kopf>

<title>Benutzerregistrierung</title>

var reg = {};

reg.userName = '';

reg.password = '';

reg.confirmPassword = '';

reg.question = '';

reg.answer = '';

reg.url = '';

reg.sex = 1;

reg.email = '';

reg.tel = '';

reg.mobile = '';

reg.qq = '';

reg.address = '';

reg.postalcode = '';

reg.form = null;

Funktion btnSubmit_onclick()

{

reg.form = document.forms[0];

var comFun = new commonFunction();

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

{

return false;

}

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

{

alarm('Die beiden Passworteingaben sind inkonsistent');

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

return false;

}

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.length;

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

{

var e = es[i];

if(e.checked)

{

reg.sex = e.value;

brechen;

}

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. value, reg.mobile.value, reg.qq.value, reg.address.value, reg.postalcode.value, callback_Reg);

}

Funktion callback_Reg(res)

{

var rv = res.value;

if(rv)

{

Alert('Registrierung erfolgreich!');

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

}

anders

{

Alert('Ein Fehler ist aufgetreten und die Registrierung ist fehlgeschlagen! Es ist möglich, dass der Benutzername oder Domainname von jemand anderem registriert wurde!');

}

// Überprüfen Sie, ob der Domänenname des Benutzernamens von anderen Benutzern registriert wurde

Funktion checkIsRegistered(obj, errorS, t)

{

var v = obj.value;

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

if(rv)

{

alarm(errorS);

obj.select();

return false;

}

</script>

</head>

<tr>

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

</td>

</tr>

<tr>

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

</td>

</tr>

<tr>

<td><div align="right">Passwort bestätigen:</div>

</td>

</tr>

<tr>

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

</td>

<td><input type="text" id="txtQuestion" maxlength="50" isRequired="true" isValidate="true" errorSForEmpty="Die Frage zur Passworteingabe ist nicht ausgefüllt!" errorSForValidate="Die Länge muss sein zwischen 8 und 50 Zeichen. Zwischen Wörtern dürfen keine Leerzeichen stehen!

</tr>

<tr>

<td><div align="right">Antwort auf die Passwortfrage:</div>

</td>

<td><input type="text" id="txtAnswer" maxlength="50" isRequired="true" isValidate="true" errorSForEmpty="Die Antwort auf die Passwortfrage ist nicht ausgefüllt!" errorSForValidate="Die Länge muss zwischen 8 und 50 Zeichen lang sein. Zwischen Wörtern dürfen keine Leerzeichen stehen!

</tr>

<tr>

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

</td>

</tr>

<tr>

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

</td>

<td><input type="radio" id="boy" name="sex" value="1" geprüft>Männlich<input type="radio" id="girl" name="sex" value="0" >Weiblich</td>

</tr>

<tr>

</td>

</tr>

<tr>

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

</td>

</tr>

<tr>

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

</td>

</tr>

<tr>

</td>

</tr>

<tr>

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

</td>

</tr>

<tr>

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

</td>

</tr>

<tr>

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

</td>

</tr>

</table>

</form>

</body>

</html>

Im obigen Code ist eine CommonFunction.js-Datei enthalten. Hier ist der Inhalt:

Kopieren Sie den Codecode wie folgt:

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

* Öffentliche js-Funktion

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

Funktion commonFunction()

{

// Prüfwert ist null oder leer

this.checkIsEmpty = function(obj)

{

var flag = true;

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

{

var e = obj.item(i);

if(e.isRequired)

{

if(e.value=='')

{

alarm(e.errorSForEmpty);

e.focus();

Flag = false;

brechen;

}

if(e.isValidate)

{

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

{

alarm(e.errorSForValidate);

e.select();

e.focus();

Flag = false;

brechen;

}

Rückkehrflag;

}

// Prüfwert ist validiert

this.checkValidate = Funktion(e)

{

var v = e.value;

if(v!='')

{

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

}

// regexp validieren

this.checkReg = Funktion(Muster, Wert)

{

Muster = Muster.substring(1, Muster.Länge-1);

var reg = new RegExp(pattern);

if(!reg.test(value))

{

return false;

}

// ein Element-By-ID-Objekt für welche ID zurückgeben.

this.$getElementById = function(id)

{

var e = document.getElementById(id);

if(e!='undefiniert')

{

Rückkehr e;

}

zurückkehren;

}

// ein Element-nach-Namen-Objekt für welche ID zurückgeben.

this.$getElementsByName = function(id)

{

var e = document.getElementsByName(id);

if(e!='undefiniert')

{

Rückkehr e;

}

zurückkehren;

}

Posten Sie ein Bild des Effekts: