Menentukan apakah nilai yang dimasukkan oleh pengguna kosong di js adalah sesuatu yang sering digunakan semua orang. Tidak ada yang perlu ditulis. Tapi saya melakukannya. Alasannya hanya karena menurut saya kode saya ditulis dengan baik, untuk referensi Anda waktu.
Ini diambil dari halaman pendaftaran pengguna salah satu proyek saya. Bagi kebanyakan orang, ini hampir 100% dialami.
Posting kodenya, semua kode ini ditulis dalam js.Tidak sulit dan mudah dipahami.Saat membacanya, Anda hanya perlu membedakan kedua kelas js tersebut.
Kode halaman depan: reguser.aspx
Copy kode kodenya sebagai berikut:
<%@ Halaman bahasa="c#" Codebehind="RegUser.aspx.cs" AutoEventWireup="false" Inherits="Enterprise.Web.RegUser" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transisi//EN" >
<html>
<kepala>
<title>Pendaftaran Pengguna</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Konten="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<LINK rel="stylesheet" type="text/css" href="/CSS/EnterpriseWebSite.css">
<skrip src="/js/CommonFunction.js" ></skrip>
<skrip>
varreg = {};
reg.namapengguna = '';
reg.kata sandi = '';
reg.konfirmasiPassword = '';
reg.pertanyaan = '';
reg.jawaban = '';
reg.url = '';
reg.seks = 1;
reg.email = '';
reg.tel = '';
reg.mobile = '';
reg.qq = '';
reg.alamat = '';
reg.kode pos = '';
reg.form = null;
fungsi btnSubmit_onclick()
{
reg.form = dokumen.forms[0];
var comFun = commonFunction baru();
if(!comFun.checkIsEmpty(reg.form))
{
kembali salah;
}
if(comFun.$getElementById('txtPassword').value!=comFun.$getElementById('txtConfirmPassword').value)
{
alert('Kedua password yang dimasukkan tidak konsisten');
comFun.$getElementById('txtConfirmPassword').select();
kembali salah;
}
reg.userName = comFun.$getElementById('txtUserName');
reg.password = comFun.$getElementById('txtPassword');
reg.pertanyaan = 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.alamat = comFun.$getElementById('txtAddress');
reg.kode pos = comFun.$getElementById('txtPostalcode');
var es = comFun.$getElementsByName('seks');
var eL = es.panjang;
untuk(var i=0; i<eL; i++)
{
var e = es[i];
jika (e. dicentang)
{
reg.sex = e.nilai;
merusak;
}
}
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);
}
fungsi callback_Reg(res)
{
var rv = res.nilai;
jika (rv)
{
alert('Pendaftaran berhasil!');
window.location.href='/Default.aspx';
}
kalau tidak
{
alert('Terjadi kesalahan dan pendaftaran gagal! Kemungkinan nama pengguna atau nama domain telah didaftarkan oleh orang lain!');
}
}
// Periksa apakah nama domain dari nama pengguna telah didaftarkan oleh pengguna lain
fungsi checkIsRegistered(obj, errorS, t)
{
var v = obj.nilai;
var rv = RegUser.CheckIsRegistered(v, t).nilai;
jika (rv)
{
peringatan(kesalahan);
obj.pilih();
kembali salah;
}
}
</skrip>
</kepala>
<badan MS_POSITIONING="GridLayout">
<form id="Form1" metode="posting" runat="server">
<tabel align="center" cellpadding="3" cellpacing="0">
<tr>
<td><div align="right">Nama pengguna:</div>
</td>
<td><input type="text" id="txtUserName" onblur="checkIsRegistered(ini, 'Nama pengguna ini telah didaftarkan, silakan gunakan yang lain!', 1)" maxlength="15" isRequired="true" isValidate="true" errorSForEmpty="Nama pengguna tidak boleh kosong!" errorSForValidate="Kesalahan cocok! Dimulai dengan huruf, mengizinkan 3-16 byte, garis bawah alfanumerik, dan simbol keamanan yang diizinkan!" validasiPattern="/^[a-zA-Z][a-zA-Z0-9_$% ]{2 ,15}$/"><font color="#ff0000">*</font></td>
</tr>
<tr>
<td><div align="right">Sandi:</div>
</td>
<td><input type="password" id="txtPassword" maxlength="15" isRequired="true" isValidate="true" errorSForEmpty="Kata sandi tidak boleh kosong!" errorSForValidate="Kesalahan pencocokan! Membutuhkan 3-16 karakter bagian, mengizinkan garis bawah alfanumerik dan simbol keamanan yang diizinkan!!" validasiPattern="/^[a-zA-Z0-9_$%]{2,15}$/"><font color="#ff0000">*</font></td>
</tr>
<tr>
<td><div align="right">Konfirmasi kata sandi:</div>
</td>
<td><input type="password" id="txtConfirmPassword" isRequired="true" errorSForEmpty="Konfirmasi kata sandi tidak boleh kosong!"><font color="#ff0000">*</font></td>
</tr>
<tr>
<td><div align="right">Pertanyaan kata sandi:</div>
</td>
<td><input type="text" id="txtQuestion" maxlength="50" isRequired="true" isValidate="true" errorSForEmpty="Pertanyaan permintaan kata sandi tidak diisi!" errorSForValidate="Panjangnya harus diisi antara 8-50 karakter Tidak boleh ada spasi antar kata!" validasiPattern="//S{8,50}/"><font color="#ff0000">*</font></td>
</tr>
<tr>
<td><div align="right">Jawaban pertanyaan kata sandi:</div>
</td>
<td><input type="text" id="txtAnswer" maxlength="50" isRequired="true" isValidate="true" errorSForEmpty="Jawaban pertanyaan sandi tidak diisi!" errorSForValidate="Panjangnya harus antara 8-50 karakter Tidak boleh ada spasi antar kata!" validasiPattern="//S{8,50}/"><font color="#ff0000">*</font></td>
</tr>
<tr>
<td><div align="right">Url Situs:</div>
</td>
<td><input type="text" id="txtUrl" onblur="checkIsRegistered(ini, 'Url ini telah didaftarkan, silakan gunakan yang lain!', 2)" maxlength="20" isRequired="true" isValidate ="true" errorSForEmpty="Url Situs tidak boleh kosong!" errorSForValidate="Format Url Situs salah!" validasiPattern="/^[a-zA-Z0-9]{1,20}$/"><font color="#ff0000">*</font></td>
</tr>
<tr>
<td><div align="right">Jenis Kelamin:</div>
</td>
<td><input type="radio" id="boy" name="sex" value="1" dicentang>Pria<input type="radio" id="girl" name="sex" value="0" >Wanita</td>
</tr>
<tr>
<td><div align="right">Email:</div>
</td>
<td><input type="text" id="txtEmail" isValidate="true" errorSForValidate="Format email salah!" validasiPattern="/^.+/@(/[?)[a-zA-Z0- 9/-/.]+/.([a-zA-Z]{2,3}|[0-9]{1,3})(/]?)$/"></td>
</tr>
<tr>
<td><div align="right">Telepon rumah:</div>
</td>
<td><input type="text" id="txtTel" isRequired="true" isValidate="true" errorSForEmpty="Telepon rumah tidak boleh kosong!" errorSForValidate="Format telepon rumah salah! Silakan gunakan format 0592 -5555555 !" validasiPattern="/^(/d{3}-|/d{4}-)?(/d{8}|/d{7})$/"><font color="#ff0000">*</font></td>
</tr>
<tr>
<td><div align="right">Ponsel:</div>
</td>
<td><input type="text" id="txtMobile" isValidate="true" errorSForValidate="Format ponsel salah!" validasiPattern="/^1/d{10}$/"></td>
</tr>
<tr>
<td><div align="right">QQ:</div>
</td>
<td><input type="text" id="txtQQ" isValidate="true" errorSForValidate="Format QQ salah!" validasiPattern="/^[1-9]*[1-9][0-9] *$/"></td>
</tr>
<tr>
<td><div align="right">Alamat:</div>
</td>
<td><input type="text" id="txtAddress"></td>
</tr>
<tr>
<td><div align="right">Kode pos:</div>
</td>
<td><input type="text" id="txtPostalcode" maxlength="6" isValidate="true" errorSForValidate="Kode pos salah!" validasiPattern="/^/d{6}/"></ td>
</tr>
<tr>
<td><div align="right">Operasi:</div>
</td>
<td><input type="button" value="Daftar" id="btnSubmit" onclick="btnSubmit_onclick()"><input type="reset" value="Reset"></td>
</tr>
</tabel>
</bentuk>
</tubuh>
</html>
Dalam kode di atas, file CommonFunction.js disertakan.
Copy kode kodenya sebagai berikut:
/******************************************************* *********
*
* Fungsi js publik
*
******************************************************* * *********/
fungsi fungsi umum()
{
// nilai cek adalah null atau kosong
ini.checkIsEmpty = fungsi(obj)
{
var bendera = benar;
for(var i=0; i<obj.panjang; i++)
{
var e = obj.item(i);
jika(e.Diperlukan)
{
if(e.nilai=='')
{
alert(e.errorSForEmpty);
e.fokus();
bendera = salah;
merusak;
}
}
if(e.isValidate)
{
if(ini.checkValidate(e)==false)
{
alert(e.errorSForValidate);
e.pilih();
e.fokus();
bendera = salah;
merusak;
}
}
}
bendera kembali;
}
// nilai cek divalidasi
ini.checkValidate = fungsi(e)
{
var v = e.nilai;
jika(v!='')
{
kembalikan ini.checkReg(e.validatePattern, v);
}
}
// validasi regexp
this.checkReg = fungsi(pola, nilai)
{
pola = pola.substring(1, pola.panjang-1);
var reg = RegExp baru(pola);
if(!reg.test(nilai))
{
kembali salah;
}
}
// mengembalikan objek Element By id untuk id apa.
this.$getElementById = fungsi(id)
{
var e = dokumen.getElementById(id);
if(e!='tidak terdefinisi')
{
kembali e;
}
kembali;
}
// mengembalikan objek Elemen Berdasarkan nama untuk id apa.
this.$getElementsByName = fungsi(id)
{
var e = dokumen.getElementsByName(id);
if(e!='tidak terdefinisi')
{
kembali e;
}
kembali;
}
}
Posting gambar efeknya: