国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Jadual Kandungan
Apakah perbezaan antara pengesahan klien dan pengesahan sisi pelayan?
Pengesahan pelanggan dilakukan dalam penyemak imbas pengguna menggunakan JavaScript sebelum data borang dihantar ke pelayan. Ia memberikan maklum balas segera dan meningkatkan pengalaman pengguna. Walau bagaimanapun, ia boleh dilangkau dengan melumpuhkan JavaScript atau memanipulasi kod, jadi ia tidak sepenuhnya selamat.
Bagaimana untuk mencegah suntikan SQL?
Rumah hujung hadapan web tutorial js Pengesahan bentuk di sisi pelanggan

Pengesahan bentuk di sisi pelanggan

Mar 08, 2025 am 12:12 AM

Form Validation on the Client Side

Pengesahan borang pelanggan adalah penting - ia menjimatkan masa dan jalur lebar dan menyediakan lebih banyak pilihan untuk menunjukkan di mana pengguna membuat kesilapan semasa mengisi borang. Bahawa dikatakan, ini tidak bermakna anda tidak memerlukan pengesahan sisi pelayan. Pengguna yang melawat laman web anda mungkin telah menggunakan pelayar lama atau JavaScript yang dilumpuhkan, yang akan memecahkan pengesahan pelanggan sahaja. Pengesahan sisi pelanggan dan pelayan melengkapi satu sama lain, jadi mereka tidak boleh digunakan secara bebas.

Mengapa pengesahan pelanggan penting?
Terdapat dua alasan yang baik untuk menggunakan pengesahan pelanggan:

  1. Ini adalah cara yang cepat untuk mengesahkan: Jika ada masalah, amaran akan dicetuskan apabila borang diserahkan.

  2. anda boleh memaparkan hanya satu ralat pada satu masa dan fokus pada medan yang salah untuk membantu memastikan pengguna mengisi semua butiran yang anda perlukan dengan betul.

dua kaedah pengesahan utama
Dua kaedah utama pengesahan bentuk klien adalah:

    Tunjukkan ralat pada satu masa, fokus pada bidang yang bermasalah
  • Tunjukkan semua kesilapan pada masa yang sama, gaya pengesahan sisi pelayan
Semasa memaparkan semua kesilapan pada masa yang sama diperlukan untuk pengesahan sisi pelayan, cara yang lebih baik untuk mengesahkan klien adalah untuk memaparkan satu ralat pada satu masa. Ini memungkinkan untuk menyerlahkan hanya bidang yang telah diisi dengan tidak betul, yang seterusnya memudahkan pelawat mengubahsuai dan menyerahkan borang dengan jayanya. Jika anda membentangkan semua kesilapan kepada pengguna pada masa yang sama, kebanyakan orang akan cuba mengingati dan membetulkannya sekaligus, dan bukannya cuba menyerahkan semula selepas setiap pembetulan.

Memandangkan kelebihan ini, saya hanya akan memberi tumpuan kepada kaedah pengesahan yang menunjukkan satu ralat pada satu masa.

bagaimana untuk mengesahkan borang
Sebagai contoh, coretan kod berikut:

<code><br>
function validateMyForm() { <br>
if (parseInt(document.forms[0].phone.value) ?<br>
 ? ? ? ?!= document.forms[0].phone.value) { <br>
alert('請(qǐng)輸入電話(huà)號(hào)碼,僅限數(shù)字'); <br>
return false; <br>
} <br>
 <br>
return true; <br>
} <br>
<br><br></code>
Tel:

apa masalahnya? Nah, jika anda menambah bentuk lain sebelum ini, kod akan cuba mengesahkan borang yang salah.

cara yang lebih baik adalah memasukkan nama borang:

onSubmit = "Return ValidAtemyForm ();" & gt;
<code>function validateMyForm() { <br>
if (parseInt(document.forms.myForm.phone.value) ?<br>
 ? ? ? ?!= document.forms.myForm.phone.value) { <br><br></code>

jadi mari kita padamkan nama borang:

Kaedah terakhir ini menggunakan objek ini, yang selalu menunjuk kepada objek semasa. Ini menjadikan kod kami lebih mudah alih dan menjimatkan masa menaip.
<code>function validateMyForm(form) { <br>
if (parseInt(form.phone.value) != form.phone.value) { <br><br></code>

bagaimana menjadikan kehidupan pengunjung lebih mudah sekarang? Mari kita fokus pada bidang yang mencetuskan kesilapan, dan bukannya membiarkan mereka melihatnya sendiri.

Dengan perubahan ini, penyemak imbas akan memberi tumpuan kepada mengisi bidang yang salah dan bahkan akan memilih teks untuk pelawat. Ini juga akan berlaku secara automatik jika menatal diperlukan.
<code>function validateMyForm(form) { <br>
if (parseInt(form.phone.value) != form.phone.value) { <br>
alert('請(qǐng)輸入電話(huà)號(hào)碼,僅限數(shù)字'); <br>
form.phone.focus(); <br>
form.phone.select(); <br>
return false; <br>
}</code>

Ok, ini hebat, tetapi adakah anda fikir terdapat sedikit kod untuk setiap bidang? Bagaimana jika kita membuat perpustakaan fungsi mudah yang dapat menjimatkan banyak menaip dan memuat turun masa di halaman? Nah, seterusnya kami akan melakukan ini - kami akan menentukan fungsi asas kami untuk menjadikan kod pengesahan lebih pendek.

<code><br>
function validateMyForm() { <br>
if (parseInt(document.forms[0].phone.value) ?<br>
 ? ? ? ?!= document.forms[0].phone.value) { <br>
alert('請(qǐng)輸入電話(huà)號(hào)碼,僅限數(shù)字'); <br>
return false; <br>
} <br>
 <br>
return true; <br>
} <br>
<br><br></code>

Fungsi ini melakukan pengesahan mudah nombor - ia memeriksa sama ada medan itu hanya mengandungi nombor dan pilihan, sama ada dalam julat tertentu. Anda akan melihat bahawa kod ini meluluskan mesej ralat sebagai parameter. Untuk menggunakan fungsi seperti ini, kita pada dasarnya boleh menambahkannya ke pengendali onsubmit seperti berikut:

<code>function validateMyForm() { <br>
if (parseInt(document.forms.myForm.phone.value) ?<br>
 ? ? ? ?!= document.forms.myForm.phone.value) { <br><br></code>

onSubmit = "Return validAteNumber (this.phone,
'Sila masukkan nombor telefon, hanya angka', 5, 10); "& gt; panggilnya seperti ini, ia akan menyemak sama ada nombor telefon adalah angka dan lebih lama daripada 5 digit dan kurang daripada 10 digit. Perhatikan bagaimana untuk lulus objek telefon sebagai parameter?

Cara lain untuk mengesahkan nombor adalah menghendaki mereka berada dalam julat tertentu. Untuk membuat fungsi melaksanakan pengesahan sedemikian, hanya ubah garis cek ke:

<code>function validateMyForm(form) { <br>
if (parseInt(form.phone.value) != form.phone.value) { <br><br></code>
Jika anda ingin memohon pelbagai cek ke dalam borang, anda boleh membenamkan pelbagai peraturan dalam pengendali onsubmit. Sebagai contoh, bayangkan bahawa sebagai tambahan kepada nombor telefon, kami juga perlu memasukkan nama pertama dan terakhir kami:

<code>function validateMyForm(form) { <br>
if (parseInt(form.phone.value) != form.phone.value) { <br>
alert('請(qǐng)輸入電話(huà)號(hào)碼,僅限數(shù)字'); <br>
form.phone.focus(); <br>
form.phone.select(); <br>
return false; <br>
}</code>
onSubmit = "return (

validAteNumber (this.phone, 'sila masukkan telefon
Nombor, nombor sahaja ', 5, 10) &&
validateString (this.firstName, 'sila masukkan
Nama anda ', 3, 15) &&
validateString (this.lastName, 'sila masukkan
Nama belakang anda ', 3, 15)
); "& gt; Kod memerlukan semua peraturan pengesahan dinilai sebagai benar (menggunakan logik dan - &&).

seperti yang anda dapat lihat, fungsi pengesahan rentetan kelihatan lebih kurang sama;
<code>function validateNumber(field, msg, min, max) { ?<br>
if (!min) { min = 0 } ?<br>
if (!max) { max = 255 } ?<br>
 ?<br>
if ( (parseInt(field.value) != field.value) || ? <br>
 ? ? ? ?field.value.length  max) { ?<br>
alert(msg); ?<br>
field.focus(); ?<br>
field.select(); ?<br>
return false; ?<br>
} ?<br>
 ?<br>
return true; ?<br>
}</code>

Bidang biasa diperlukan dalam banyak bentuk di web, iaitu alamat e -mel pengguna. Saya telah melihat banyak fungsi yang melakukan ini, tetapi biasanya cara yang paling mudah dan paling mudah untuk mengesahkan alamat e -mel adalah dengan menggunakan ungkapan biasa.

Sekarang kita akan melanjutkan fungsi kita supaya ia dapat menentukan bidang sebagai pilihan.

Untuk mengesahkan e -mel yang diperlukan, anda harus memanggilnya sebagai:
<code></code>

jika anda mahu menetapkannya kepada pilihan:
<code>if ((parseInt(field.value) != field.value) || ? <br>
field.value  max) {</code>

JavaScript tidak boleh digunakan untuk pengesahan sahaja, tetapi ia boleh membantu jika anda memilikinya. Semakin padat kod yang anda benamkan ke HTML, lebih baik - ia menjimatkan masa muat turun dan enjin carian akan menyukai anda!
<code></code>

Soalan Lazim mengenai Pengesahan Borang (FAQ)

Apakah perbezaan antara pengesahan klien dan pengesahan sisi pelayan?

Pengesahan pelanggan dilakukan dalam penyemak imbas pengguna menggunakan JavaScript sebelum data borang dihantar ke pelayan. Ia memberikan maklum balas segera dan meningkatkan pengalaman pengguna. Walau bagaimanapun, ia boleh dilangkau dengan melumpuhkan JavaScript atau memanipulasi kod, jadi ia tidak sepenuhnya selamat.

Sebaliknya, pengesahan sisi pelayan dilakukan pada pelayan selepas menyerahkan data borang. Ia lebih selamat kerana pengguna tidak dapat memintasnya. Walau bagaimanapun, ia memerlukan perjalanan bulat ke pelayan, yang boleh menjejaskan prestasi dan pengalaman pengguna. Oleh itu, adalah disyorkan untuk menggunakan pengesahan pelanggan dan pelayan untuk pengalaman keselamatan dan pengguna terbaik.

Bagaimana untuk melaksanakan pengesahan borang dalam PHP?

PHP menyediakan pelbagai fungsi pengesahan bentuk. Sebagai contoh, anda boleh menggunakan fungsi filter_var () dengan penapis yang berbeza untuk mengesahkan dan membersihkan data input. Berikut adalah contoh mudah untuk mengesahkan alamat e -mel:

$ email = $ _post ["e -mel"]; jika (! filter_var ($ e -mel, filter_validate_email)) { echo "format e -mel tidak sah"; } Kod ini memeriksa jika alamat e -mel yang dikemukakan diformat dengan betul. Jika tidak, mesej ralat dipaparkan.

Apakah beberapa teknik pengesahan biasa?

Beberapa teknik pengesahan biasa termasuk medan yang diperlukan, had panjang, pencocokan corak, dan pemeriksaan jenis data. Bidang yang diperlukan memastikan bahawa pengguna mengisi semua maklumat yang diperlukan. Had Panjang Hadkan bilangan aksara yang boleh dimasukkan. Pemeriksaan padanan corak jika input sepadan dengan corak tertentu, seperti alamat e -mel atau nombor telefon. Pemeriksaan jenis data memastikan bahawa input adalah jenis yang betul, seperti nombor atau tarikh.

Bagaimana untuk memaparkan mesej ralat pengesahan?

Anda boleh menggunakan JavaScript untuk pengesahan klien atau pengesahan sisi pelayan menggunakan PHP untuk memaparkan mesej ralat pengesahan. Dalam JavaScript, anda boleh menggunakan kaedah setCustomValidity () untuk menyediakan mesej pengesahan tersuai. Dalam PHP, anda boleh menyimpan mesej ralat dalam pembolehubah dan memaparkannya dalam bentuk.

Bagaimana untuk mengesahkan kotak semak?

anda boleh mengesahkan kotak semak dengan menyemak sama ada kotak semak dipilih. Dalam JavaScript, anda boleh menggunakan harta yang diperiksa. Dalam PHP, anda boleh menyemak sama ada nilai kotak semak muncul dalam $ _post atau $ _get.

Bagaimana untuk mengesahkan senarai drop-down?

anda boleh mengesahkan senarai drop-down dengan menyemak sama ada pilihan yang sah dipilih. Dalam JavaScript, anda boleh menggunakan harta yang dipilih. Dalam PHP, anda boleh menyemak sama ada nilai yang dipilih berada dalam pelbagai nilai yang sah.

bagaimana mengesahkan butang radio?

Anda boleh mengesahkan butang radio dengan memeriksa sama ada salah satu pilihan dipilih. Dalam JavaScript, anda boleh gelung melalui butang radio dan menggunakan harta yang diperiksa. Dalam PHP, anda boleh menyemak sama ada nilai butang radio muncul dalam $ _post atau $ _get.

Bagaimana untuk mengesahkan tarikh?

anda boleh mengesahkan tarikh dengan menyemak sama ada tarikh diformat dengan betul dan jika ia adalah tarikh sebenar. Dalam JavaScript, anda boleh menggunakan objek Tarikh. Dalam PHP, anda boleh menggunakan fungsi checkDate ().

Bagaimana untuk mengesahkan muat naik fail?

anda boleh mengesahkan muat naik fail dengan menyemak saiz fail, jenis fail, dan sambungan fail. Dalam JavaScript, anda boleh menggunakan harta fail. Dalam PHP, anda boleh menggunakan array $ _files.

Bagaimana untuk mencegah suntikan SQL?

Anda boleh menghalang suntikan SQL menggunakan pernyataan pra -diproses atau pertanyaan parameter yang memisahkan kod SQL dari data. Ini menghalang data daripada ditafsirkan sebagai kod. Dalam PHP, anda boleh menggunakan sambungan PDO atau MySQLI untuk melaksanakan pernyataan pra -proses.

Atas ialah kandungan terperinci Pengesahan bentuk di sisi pelanggan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Java vs JavaScript: Membersihkan kekeliruan Java vs JavaScript: Membersihkan kekeliruan Jun 20, 2025 am 12:27 AM

Java dan JavaScript adalah bahasa pengaturcaraan yang berbeza, masing -masing sesuai untuk senario aplikasi yang berbeza. Java digunakan untuk pembangunan aplikasi perusahaan dan mudah alih yang besar, sementara JavaScript digunakan terutamanya untuk pembangunan laman web.

Komen JavaScript: Penjelasan ringkas Komen JavaScript: Penjelasan ringkas Jun 19, 2025 am 12:40 AM

JavaScriptcommentsareessentialformaintaining,reading,andguidingcodeexecution.1)Single-linecommentsareusedforquickexplanations.2)Multi-linecommentsexplaincomplexlogicorprovidedetaileddocumentation.3)Inlinecommentsclarifyspecificpartsofcode.Bestpractic

Bagaimana untuk bekerja dengan tarikh dan masa di JS? Bagaimana untuk bekerja dengan tarikh dan masa di JS? Jul 01, 2025 am 01:27 AM

Titik berikut harus diperhatikan apabila tarikh pemprosesan dan masa di JavaScript: 1. Terdapat banyak cara untuk membuat objek tarikh. Adalah disyorkan untuk menggunakan rentetan format ISO untuk memastikan keserasian; 2. Dapatkan dan tetapkan maklumat masa boleh diperoleh dan tetapkan kaedah, dan ambil perhatian bahawa bulan bermula dari 0; 3. Tarikh pemformatan secara manual memerlukan rentetan, dan perpustakaan pihak ketiga juga boleh digunakan; 4. Adalah disyorkan untuk menggunakan perpustakaan yang menyokong zon masa, seperti Luxon. Menguasai perkara -perkara utama ini secara berkesan dapat mengelakkan kesilapan yang sama.

Kenapa anda harus meletakkan tag  di bahagian bawah ? Kenapa anda harus meletakkan tag di bahagian bawah ? Jul 02, 2025 am 01:22 AM

PlacingtagsatthebottomofablogpostorwebpageservespracticalpurposesforSEO,userexperience,anddesign.1.IthelpswithSEObyallowingsearchenginestoaccesskeyword-relevanttagswithoutclutteringthemaincontent.2.Itimprovesuserexperiencebykeepingthefocusonthearticl

JavaScript vs Java: Perbandingan Komprehensif untuk Pemaju JavaScript vs Java: Perbandingan Komprehensif untuk Pemaju Jun 20, 2025 am 12:21 AM

JavaScriptispreferredforwebdevelopment, whersjavaisbetterforlarge-scalebackendsystemsandandroidapps.1) javascriptexcelsinceleatinginteractiveWebexperienceswithitsdynamicnatureanddommanipulation.2) javaoffersstrongyblectionandobjection

JavaScript: Meneroka jenis data untuk pengekodan yang cekap JavaScript: Meneroka jenis data untuk pengekodan yang cekap Jun 20, 2025 am 12:46 AM

JavascripthassevenfundamentalDatypes: nombor, rentetan, boolean, undefined, null, objek, andsymbol.1) numberuseadouble-precisionformat, bergunaforwidevaluangesbutbecautiouswithfloating-pointarithmetic.2)

Apakah peristiwa yang menggelegak dan menangkap di Dom? Apakah peristiwa yang menggelegak dan menangkap di Dom? Jul 02, 2025 am 01:19 AM

Penangkapan dan gelembung acara adalah dua peringkat penyebaran acara di Dom. Tangkap adalah dari lapisan atas ke elemen sasaran, dan gelembung adalah dari elemen sasaran ke lapisan atas. 1. Penangkapan acara dilaksanakan dengan menetapkan parameter useCapture addeventlistener kepada benar; 2. Bubble acara adalah tingkah laku lalai, useCapture ditetapkan kepada palsu atau ditinggalkan; 3. Penyebaran acara boleh digunakan untuk mencegah penyebaran acara; 4. Acara menggelegak menyokong delegasi acara untuk meningkatkan kecekapan pemprosesan kandungan dinamik; 5. Penangkapan boleh digunakan untuk memintas peristiwa terlebih dahulu, seperti pemprosesan pembalakan atau ralat. Memahami kedua -dua fasa ini membantu mengawal masa dan bagaimana JavaScript bertindak balas terhadap operasi pengguna.

Apa perbezaan antara Java dan JavaScript? Apa perbezaan antara Java dan JavaScript? Jun 17, 2025 am 09:17 AM

Java dan JavaScript adalah bahasa pengaturcaraan yang berbeza. 1.Java adalah bahasa yang ditaip dan disusun secara statik, sesuai untuk aplikasi perusahaan dan sistem besar. 2. JavaScript adalah jenis dinamik dan bahasa yang ditafsirkan, terutamanya digunakan untuk interaksi web dan pembangunan front-end.

See all articles