Contoh ini merangkum fungsi validasi umum untuk JavaScript. Bagikan untuk referensi Anda. Ringkasan spesifiknya adalah sebagai berikut:
1. Verifikasi kelas string
1. Batas panjang
Salin kode sebagai berikut: <script>
tes fungsi ()
{
if (document.abvalue.length> 50)
{
waspada ("tidak bisa melebihi 50 karakter!");
document.abfocus ();
mengembalikan false;
}
}
</script>
<Form Name = A OnSubmit = "Return test ()">
<TextArea name = "b" cols = "40" wrap = "virtual" baris = "6"> </textarea>
<input type = "kirim" name = "kirim" value = "check">
</form>
2. Ini hanya bisa menjadi karakter Cina
Salin kode kode sebagai berikut: <input onkeyup = "value ="/oblog/value.replace (/[^/u4e00-/u9fa5]/g, '') ">
3. "hanya bisa dalam bahasa Inggris
Salin kode sebagai berikut: <bahasa skrip = javascript>
function onlyeng ()
{
if (! (event.keycode> = 65 && event.keycode <= 90))
event.returnValue = false;
}
</script>
<input onkeydown = "OnlyEng ();">
4. Ini hanya bisa menjadi angka
Salin kode sebagai berikut: <bahasa skrip = javascript>
function onlynum ()
{
if (! ((event.keycode> = 48 && event.keycode <= 57) || (event.keycode> = 96 && event.keycode <= 105)))))
// Pertimbangkan tombol numerik di keyboard
event.returnValue = false;
}
</script>
<input onkeydown = "hanyaNum ();">
5. Hanya karakter dan angka bahasa Inggris
Salin kode kode sebagai berikut: <input onkeyup = "value ="/oblog/value.replace (/[/w]/g, "'')" Onbeforepaste = "clipboardData.setData ('teks', clipboarddata.getData ('teks'). Ganti (/[^/D]/g, ')))
6. Verifikasi format email
Salinan kode adalah sebagai berikut: <bahasa skrip = javascript runat = server>
fungsi isemail (stremail) {
if (stremail.search (/^/w+((-/w+) | (/./ w+))*/@[a-za-z0-9]+((/. |-) [a-za-z0-9]+)*/. [a-za-z0-9]+$/)
Kembali Benar;
kalau tidak
peringatan ("oh");
}
</script>
<input type = text onsblur = isemail (this.value)>
7. Kata kunci blok (blok *** dan **** di sini)
Salin kode sebagai berikut: <bahasa skrip = "javascript1.2">
function test () {
if ((abvalue.indexof ("***") == 0) || (abvalue.indexof ("****") == 0)) {
peringatan ("123");
abfocus ();
mengembalikan false;}
}
</script>
<Form Name = A OnSubmit = "Return test ()">
<Input Tipe = Nama Teks = B>
<input type = "kirim" name = "kirim" value = "check">
</form>
8. Apakah kata sandi sama dua kali
Salin kode kode sebagai berikut: <Form Method = Post Action = "">
<input type = "password" id = "input1">
<input type = "password" id = "input2">
<input type = "tombol" value = "test" onclick = "check ()">
</form>
<script>
function check ()
{
dengan (document.all) {
if (input1.value! = input2.value)
{
waspada ("false")
input1.value = "";
input2.value = "";
}
else document.forms [0] .submit ();
}
}
</script>
9. Keren untuk memblokir klik kanan!
Salin kode sebagai berikut: OnContextMenu = "Return false" onsdragStart = "return false" onselectStart = "return false"
Ditambahkan dalam tubuh
2. Verifikasi bentuk
1 Item formulir tidak bisa kosong
Salin kode sebagai berikut: <bahasa skrip = "javascript">
<!-
function checkForm ()
{
if (document.form.name.value.length == 0) {
peringatan ("Harap masukkan namamu!");
document.form.name.focus ();
mengembalikan false;
}
Kembali Benar;
}
->
</script>
2 Bandingkan apakah nilai -nilai dari dua item bentuknya sama
Salin kode sebagai berikut: <bahasa skrip = "javascript">
<!-
function checkForm ()
if (document.form.pwd.value! = document.form.pwd_again.value) {
peringatan ("Kata sandi yang Anda masukkan dua kali berbeda! Harap masukkan kembali.");
document.adduser.pwd.focus ();
mengembalikan false;
}
Kembali Benar;
}
->
</script>
3 Item formulir hanya dapat berupa nomor dan "_", yang digunakan untuk verifikasi telepon/bank, dapat diperluas ke pendaftaran nama domain, dll.
Salin kode sebagai berikut: <bahasa skrip = "javascript">
<!-
fungsi isNumber (string)
{
var letters = "1234567890-"; // Anda dapat meningkatkan nilai input sendiri
var i;
var c;
if (string.charat (0) == '-')
mengembalikan false;
if (string.charat (string.length - 1) == ' -')
mengembalikan false;
untuk (i = 0; i <string.length; i ++)
{
c = string.charat (i);
if (letters.indexof (c) <0)
mengembalikan false;
}
Kembali Benar;
}
function checkForm ()
{
if (! isNumber (document.form.tel.value)) {
waspada ("Nomor telepon Anda ilegal!");
document.form.tel.focus ();
mengembalikan false;
}
Kembali Benar;
}
->
</script>
4 Batas Nilai Masuk/Panjang Bentuk
Salin kode sebagai berikut: <bahasa skrip = "javascript">
<!-
function checkForm ()
{
if (document.form.count.value> 100 || document.form.count.value <1)
{
peringatan ("Nilai input tidak bisa kurang dari nol atau lebih besar dari 100!");
document.form.count.focus ();
mengembalikan false;
}
if (document.form.message.value.length <10)
{
peringatan ("Teks input kurang dari 10!");
document.form.message.focus ();
mengembalikan false;
}
Kembali Benar;
}
//->
</script>
5 Cina/Bahasa Inggris/Nomor/Alamat Email Penilaian Legalitas
Salin kode sebagai berikut: <bahasa skrip = "javascript">
<!-
fungsi isenglish (nama) // deteksi nilai bahasa Inggris
{
if (name.length == 0)
mengembalikan false;
untuk (i = 0; i <name.length; i ++) {
if (name.charcodeat (i)> 128)
mengembalikan false;
}
Kembali Benar;
}
Fungsi adalah Cina (Nama) // Deteksi Nilai Cina
{
if (name.length == 0)
mengembalikan false;
untuk (i = 0; i <name.length; i ++) {
if (name.charcodeat (i)> 128)
Kembali Benar;
}
mengembalikan false;
}
Function IsMail (Name) // Deteksi Nilai Email
{
if (! isEnglish (name))
mengembalikan false;
i = name.indexof ("at");
j = name dot lastIndexof ("at");
if (i == -1)
mengembalikan false;
if (i! = j)
mengembalikan false;
if (i == name dot length)
mengembalikan false;
Kembali Benar;
}
Function ISNumber (Name) // Deteksi Numerik
{
if (name.length == 0)
mengembalikan false;
untuk (i = 0; i <name.length; i ++) {
if (name.charat (i) <"0" || name.charat (i)> "9")
mengembalikan false;
}
Kembali Benar;
}
function checkForm ()
{
if (! isMail (form.email.value)) {
Peringatan ("Email Anda ilegal!");
form.email.focus ();
mengembalikan false;
}
if (! isEnglish (form.name.value)) {
waspada ("Nama Inggris ilegal!");
form.name.focus ();
mengembalikan false;
}
if (! ischinese (form.cnname.value)) {
waspada ("Nama Cina ilegal!");
form.cnname.focus ();
mengembalikan false;
}
if (! isNumber (form.publiczipcode.value)) {
peringatan ("Kode pos ilegal!");
form.publiczipcode.focus ();
mengembalikan false;
}
Kembali Benar;
}
//->
</script>
6 karakter yang tidak diizinkan masuk dalam item formulir
Salin kode sebagai berikut: <bahasa skrip = "javascript">
<!-
Fungsi Berisi (Str Strs, Charset) // String Berisi Fungsi Uji
{
var i;
untuk (i = 0; i <charset.length; i ++)
if (str.indexof (charset.charat (i))> = 0)
Kembali Benar;
mengembalikan false;
}
function checkForm ()
{
if ((contil (document.form.name.value, "%/(/)> <")) || (contil (document.form.message.value, "%/(/)> <"))))
{
peringatan ("karakter ilegal dimasukkan");
document.form.name.focus ();
mengembalikan false;
}
Kembali Benar;
}
//->
</script>
3. Verifikasi lainnya:
1. Periksa apakah string terdiri dari angka
Salin kode kode sebagai berikut: <bahasa skrip = "javascript"> <!-
fungsi checknum (str) {return str.match (// d/) == null}
Peringatan (Checknum ("1232142141"))
Peringatan (Checknum ("123214214a1"))
// -> </script>
2. Bagaimana menentukan apakah itu karakter
Salinan kode adalah sebagai berikut: if (/ht^/x00-/xffajah/g.test(s)) waspada ("berisi karakter Cina");
Lainnya peringatan ("semua karakter");
3. Bagaimana menentukan apakah karakter Cina disertakan
Salinan kode adalah sebagai berikut: if (Escape (str) .IndexOf ("%u")! =-1) Peringatan ("berisi karakter Cina");
Lainnya peringatan ("semua karakter");
4. Verifikasi Format Email
Salin kode sebagai berikut: // Nama Fungsi: Chkemail
// PENDAHULUAN FUNGSI: Periksa apakah itu alamat email
// Parameter Deskripsi: String untuk memeriksa
// nilai pengembalian: 0: bukan 1: ya
fungsi chkemail (a)
{var i = a.length;
var temp = a.indexof ('@');
var tempd = a.indexof ('.');
if (temp> 1) {
if ((i-temp)> 3) {
if ((i-tempd)> 0) {
kembali 1;
}
}
}
kembali 0;
}
5. Verifikasi Format Digital
Salin kode sebagai berikut: // Nama Fungsi: fucchecknum
// PENDAHULUAN FUNGSI: Periksa apakah itu angka
// Deskripsi Partikel: Nomor untuk memeriksa
// Nilai pengembalian: 1 adalah angka, 0 bukan angka
fungsi fucchecknum (num)
{
Var I, J, Strtemp;
strtemp = "0123456789";
if (num.length == 0)
kembali 0
untuk (i = 0; i <num.length; i ++)
{
j = strtemp.indexof (num.charat (i));
if (j ==-1)
{
// itu berarti ada karakter tetapi bukan angka
kembali 0;
}
}
// deskripsi adalah angka
kembali 1;
}
6. Verifikasi Format Nomor Telepon
Salin kode sebagai berikut: // Nama Fungsi: Fucchecktel
// PENDAHULUAN FUNGSI: Periksa apakah itu nomor telepon
// Parameter Deskripsi: String untuk memeriksa
// Nilai pengembalian: 1 legal, 0 adalah ilegal
Function Fucchecktel (Tel)
{
Var I, J, Strtemp;
strtemp = "0123456789-()#";
untuk (i = 0; i <tel.length; i ++)
{
j = strtemp.indexof (tel.charat (i));
if (j ==-1)
{
// itu berarti ada karakter ilegal
kembali 0;
}
}
// Penjelasan Legal
kembali 1;
}
7. Fungsi untuk menentukan apakah inputnya adalah bahasa Cina
Salin kode sebagai berikut: fungsi ischinese {
var ret = true;
untuk (var i = 0; i <s.length; i ++)
ret = ret && (s.charcodeat (i)> = 10000);
kembali kembali;
}
8. Fungsi komprehensif untuk menilai legitimasi input pengguna
Salin kode sebagai berikut: <bahasa skrip = "javascript">
// Batasi jumlah bit karakter input untuk memulai
// m adalah input pengguna, n adalah jumlah digit yang akan dibatasi
fungsi issmall (m, n)
{
if ((m <n) && (m> 0))
{
return (false);
}
kalau tidak
{return (true);}
}
9. Tentukan apakah kata sandi dimasukkan secara konsisten
Salin kode sebagai berikut: Fungsi ISSAME (str1, STR2)
{
if (str1 == str2)
{return (true);}
kalau tidak
{return (false);}
}
10. Tentukan apakah nama pengguna adalah garis geser surat angka
Salinan kode adalah sebagai berikut: function notchinese (str) {
var reg =/[^a-za-z0-9 _]/g
if (reg.test (str)) {
return (false);
}kalau tidak{
kembali (benar); }
}
11. Fungsi Periksa Umum untuk Bidang Teks Formulir
Fungsi: Mendeteksi semua teks input yang harus tidak kosong, seperti nama, akun, alamat email, dll.
Verifikasi ini sekarang hanya untuk bidang teks. Jika Anda ingin menargetkan objek domain lain dalam bentuk, Anda dapat mengubah kondisi penilaian.
Cara menggunakan: Tambahkan teks judul ke bidang teks yang akan dideteksi. Teks adalah pesan cepat, nama Cina dari bidang yang ingin Anda minta kepada pengguna. Misalnya, untuk mendeteksi nama pengguna
HTML adalah sebagai berikut <input name = "txt_1">. Tentu saja, yang terbaik adalah menggunakan alat visualisasi seperti Dreamweaver untuk mengedit domain.
Jika Anda ingin mendeteksi data tipe numerik, lalu menyatukan ID domain menjadi SZ.
Sangat merepotkan untuk menilai jenis tanggal dalam JavaScript, jadi tidak ada program untuk verifikasi jenis tanggal. Para ahli dapat menambahkannya.
Program ini relatif rumput, hanya memberikan ide. Melempar batu bata dan menarik batu giok! :)
Oh, omong -omong, metode panggilan fungsi: <form onsubmit = "return dovalidate ()">
Salin kode sebagai berikut: function dovalidate ()
{
fm = document.forms [0] // Hanya satu formulir yang terdeteksi, jika ada beberapa bentuk, kondisi penilaian dapat diubah
untuk (i = 0; i <fm.length; i ++)
{
// Kondisi deteksi dan penilaian dapat dimodifikasi sesuai dengan jenisnya
if (fm.tagname.touppercase () == "input" && fm.type.touppercase () == "teks" && (fm.title! = "")))
if (fm.value = "/blog/=" ") //
{
str_warn1 = fm.title+"tidak bisa kosong!";
peringatan (str_warn1);
fm.focus ();
mengembalikan false;
}
if (fm.id.touppercase () == "sz") // verifikasi digital
{
if (isnan (fm.value))
{str_warn2 = fm.title+"format salah";
peringatan (str_warn2);
fm.focus ();
mengembalikan false;
}
}
}
Kembali Benar;
}
12. Verifikasi bahwa radio dipilih
Salin kode sebagai berikut: <bahasa skrip = "javascript">
Function CheckForm (OBJ)
{
untuk (i = 0; i <obj.oo.length; i ++)
if (obj.oo [i] .Checked == true) Return true;
Peringatan ("Silakan Pilih")
mengembalikan false;
}
</script>
<Form ID = "Form1" Name = "Form1" Method = "Post" Action = "" Onsubmit = "Return CheckForm (This)">
<input type = "Radio" name = "oo" value = "RadioButton" />
<input type = "Radio" name = "oo" value = "RadioButton" />
<input type = "kirim" name = "kirim" value = "kirim" />
</form>
Saya berharap deskripsi dalam artikel ini akan bermanfaat untuk pemrograman web semua orang berdasarkan JavaScript.