Borang Javascript dan kemahiran validation_javascript validation-non-kosong

Bacaan yang disyorkan: Panjang pengesahan borang JavaScript

Borang pengesahan-serahkan borang Javascript

Pengesahan borang JavaScript - pengenalan pertama kepada ungkapan biasa

Pengesahan borang Javascript - mendedahkan ungkapan biasa

JavaScript boleh digunakan untuk mengesahkan data input dalam borang HTML sebelum data dihantar ke pelayan.

Semak kesahihan data sebelum menyerahkan borang

Apabila anda ingin mengesahkan data dalam borang, anda boleh menggunakan getElementById() untuk mengakses mana-mana elemen pada halaman web

Setiap medan borang mempunyai objek borang yang boleh dihantar ke mana-mana fungsi yang mengesahkan data borang

<input id="zipcode" name="zipcode" type="text" size="5" onclick="showIt(this.form)"/>
function showIt(thisForm)
{
alert(thisForm["zipcode"].value);
//通过form对象的name属性，取得元素的值
}

Anda boleh menggunakan atribut nama atau kaedah getElementById() untuk mendapatkan elemen

Masa untuk menyemak data borang bergantung pada memilih acara input pengguna yang betul untuk dikendalikan.

Dalam erti kata lain, data disahkan serta-merta selepas pengguna memasukkan data.

Turutan pengguna memasukkan data ialah:

Pilih medan input

Masukkan data dalam medan

Tinggalkan kawasan ini dan bergerak ke sasaran seterusnya

Pilih domain sasaran seterusnya

Masukkan data dalam medan

Dalam proses ini, satu siri peristiwa akan dicetuskan Menggunakan acara ini, anda boleh mencari peluang untuk mengesahkan data

1) Apabila medan input dipilih – acara onfocus (fokus) dinyalakan

2) Apabila meninggalkan medan input – api pada acara kabur (meninggalkan fokus)

3) Apabila anda meninggalkan domain dan kandungan input berubah – aktifkan acara onchange

Pilihan paling tepat adalah untuk mengesahkan data apabila acara onblur dicetuskan

Langkah pertama pengesahan: pastikan domain tidak kosong

<input id="phone" name="phone" type="text" size="12" onblur="validateNonEmpty(this)"/>

Panggil validateNonEmpty untuk membalas acara onblur

Objek borang dihantar ke fungsi menggunakan kata kunci ini

Berikut ialah fungsi pengesahan

function validateNonEmpty(inputField)
{
if(inputField.value.length==0)
{
alert("Please enter a value.");
return false;
} 
return true;
}

Apabila menyerahkan borang web, data yang dimasukkan oleh pengguna mesti disahkan

Apabila anda ingin mengesahkan data dalam borang, anda boleh menggunakan getElementById() untuk mengakses mana-mana elemen pada halaman web

Kandungan di atas ialah huraian lengkap borang Javascript dan pengesahan-pengesahan bukan kosong saya harap ia akan membantu semua orang!