简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

JavaScript 输入框内容格式验证代码_表单特效

WBOY
Lepaskan： 2016-05-16 18:34:54
asal
1142 orang telah melayarinya

代码

复制代码 代码如下:


用户名：
//验证结果显示，注意display是隐藏的


密码： //pwd输入框获得焦点时触发onfocus事件，验证name输入框的内容格式是否正确
<script> <BR>var name = document.getElementById("name"); <BR>function bb(){ <BR>d.style.display = 'block'; //显示div <BR>if(name.value.match(/^\w+/)) { //利用正则表达式来验证输入的用户名 <BR>d.innerHTML = "dui"; <BR>} <BR>else{ <BR>d.innerHTML = "cuo"; <BR>} <BR>} <BR></script>

Label berkaitan：
输入框
sumber：php.cn
Artikel sebelumnya：JavaScript 类似flash效果的立体图片浏览器_图象特效 Artikel seterusnya：ExtJs 3.1 XmlTreeLoader Example Error_extjs
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
Artikel terbaru oleh pengarang
Isu terkini
Tidak dapat mendapatkan elemen input daripada tapak web Jadi saya cuba mendapatkan elemen input daripada Twitter tetapi apabila saya menjalankanny...
daripada 2024-04-06 18:59:57
0
1
442
Dapatkan jumlah nilai pulangan kaedah medan input Saya cuba mencari jumlah nilai yang dimasukkan oleh pengguna. Dapatkan agregat yang mendar...
daripada 2024-04-06 18:19:37
0
1
380
Merekod pertanyaan di bawah syarat nilai separa - perkongsian kemahiran SQL Saya mempunyai jadual yang dipanggil zipcode yang mempunyai lajur yang dipanggil kod. Laju...
daripada 2024-04-06 16:01:26
0
1
395
Walaupun selepas mengosongkan, nilai input fail saya kekal Seperti yang anda boleh lihat dalam tangkapan skrin. Saya memilih fail, menyimpan pop timb...
daripada 2024-04-06 15:44:52
0
1
384
Pelapik ibu bapa tidak diendahkan oleh anak yang berkedudukan melekit Bagaimana untuk mengelakkan unsur melekit daripada berada di belakang pengepala? Coretan k...
daripada 2024-04-06 11:42:51
0
1
338
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！