Kotak input, kotak lungsur turun, dsb. borang boleh menerima input pengguna, jadi menggunakan JavaScript untuk mengendalikan borang boleh mendapatkan kandungan yang dimasukkan oleh pengguna atau menetapkan kandungan baharu untuk kotak input.
Kawalan input borang HTML terutamanya termasuk jenis berikut:
kotak teks, <input type="teks">, yang sepadan, digunakan untuk memasukkan teks;
butang radio, <input type="radio">, digunakan untuk memilih item
kotak semak yang sepadan, < ;input type="kotak semak"> digunakan untuk memilih berbilang item; Item;
teks tersembunyi, <input type="tersembunyi"> yang sepadan tidak kelihatan kepada pengguna, tetapi teks tersembunyi akan dihantar ke pelayan apabila borang diserahkan.
Pengesahan Borang JavaScript
JavaScript boleh digunakan untuk mengesahkan data input ini dalam borang HTML sebelum data dihantar ke pelayan.
Data borang selalunya memerlukan JavaScript untuk mengesahkan ketepatannya:
Sahkan sama ada data borang kosong?
Sahkan bahawa input adalah alamat e-mel yang betul?
Sahkan bahawa tarikh dimasukkan dengan betul?
Sahkan sama ada kandungan input borang adalah angka?
Fungsi berikut digunakan untuk menyemak sama ada pengguna telah mengisi item yang diperlukan (atau diperlukan) dalam borang. Jika medan yang diperlukan atau medan yang diperlukan kosong, kotak amaran akan muncul dan nilai pulangan fungsi adalah palsu, jika tidak nilai pulangan fungsi adalah benar (bermaksud tiada masalah dengan data):
fungsi Borang Semak ()
{
jika (document.form.name.value.length == 0) {
alert("Sila masukkan nama anda!"); document.form.name.focus( );
return false;
}
return true;
}
Cina/Inggeris/numerik /alamat e-mel penghakiman kesahan:
function isEnglish(name) //英文值检测
{
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++) {
if(name.charCodeAt(i) > 128)
return false;
}
return true;
}
fungsi adalah bahasa Cina (nama) //中文值检测
{
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++) {
if(name.charCodeAt(i) > 128)
return true;
}
return false;
}
function isMail(name) // E-mel值检测
{
if(! isEnglish(name))
return false;
i = name.indexOf(" at ");
j = name dot lastIndexOf(" at ") ;
if(i == -1)
return false;
if(i != j)
return false;
if(i == panjang titik nama)
return palsu;
kembali benar;
}
fungsi ialahNombor(nama) //数值检测
{
jika(nama.panjang == 0)
kembali palsu;
untuk(i = 0; i < name.length; i++) {
if(name.charAt(i) < "0" || name.charAt(i) > "9")
return false;
}
return true;
}
function CheckForm()
{
if(! isMail(form.Email.value)) {
alert("您的电子邮件不合法！");
form.Email.focus();
return false;
}
if(! isEnglish(form.name.value)) {
alert("英文名不合法！");
form.name.focus();
return false;
}
if( ! isChinese(form.cnname.value)) {
alert("中文名不合法！");
form.cnname.focus();
kembali false;
}
jika (! isNumber(form.PublicZipCode.value)) {
alert("邮政编码不合法！");
form.PublicZipCode.focus();
return false;
}
kembali benar;
}
bahagian seterusnya