Rumah hujung hadapan web tutorial js Kotak input menapis kemahiran js code_javascript bukan angka

Kotak input menapis kemahiran js code_javascript bukan angka

May 16, 2016 pm 04:36 PM
Kotak masukan penapis

HTML:

Salin kod Kod adalah seperti berikut:


JS:

window.onload=function(e){
var text=document.getElementById("only"),pattern=/\d/,//pattern匹配字母上的数字键
pattern2=/(9[6-9])|(10[0-5])|3(7|9)/,//pattern2匹配小键盘上的数字键和左右方向键
EventHandle={},event=e||window.event;//一个处理事件的对象

      //当网页加载的时候,进行判断,对事件处理对象进行定义属性,这样对事件对象的方法只需要进行一次判断,以后的其他事件
      //处理程序里面不需要判断
if(event.preventDefault){
EventHandle.preventDefault=function(e){
e.preventDefault();
};
}else{
EventHandle.preventDefault=function(e){
e.returnValue=false;
}
}
text.onkeydown=function(e){
var event=e||window.event;//不同事件的事件对象不一样,这个event和最前面的event不相等
if(!pattern.test(String.fromCharCode(event.keyCode))&&event.keyCode!=8//keyCode=8是退格键,因为可以对输入的数字进行修改,所以退格和左右方向键不禁止
&&!pattern2.test(event.keyCode.toString())||event.shiftKey||
event.ctrlKey||event.metaKey){
EventHandle.preventDefault(event);//如果不用对象的这个方法,写成下面这样,也可以执行,不过每次按下键盘的时候都会进行一次判断
                               //这个是没有必要的,所以在页面加载的时候对事件处理对象定义一个方法,加载后对象的方法就已经是确定的了,以后时候就可以了

                                //if(event.preventDefault){
                                //event.preventDefault();
                                //}else{
                                //event.returnValue=false;
                                //}
}
}
}

Salin selepas log masuk

Versi tidak diulas:

window.onload=function(e){
var text=document.getElementById("only"),pattern=/\d/,
pattern2=/(9[6-9])|(10[0-5])|3(7|9)/,
EventHandle={},event=e||window.event;
if(event.preventDefault){
EventHandle.preventDefault=function(e){
e.preventDefault();
};
}else{
EventHandle.preventDefault=function(e){
e.returnValue=false;
}
}
text.onkeydown=function(e){
var event=e||window.event;
if(!pattern.test(String.fromCharCode(event.keyCode))&&event.keyCode!=8
&&!pattern2.test(event.keyCode.toString())||event.shiftKey||
event.ctrlKey||event.metaKey){
EventHandle.preventDefault(event);
}
}
}
Salin selepas log masuk

Dalam IE11, F12 membuka alatan pembangun dan anda boleh memilih versi IE untuk nyahpepijat

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

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.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

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)

Bagaimana untuk membuka fail pendua yang ditapis dalam Quark Bagaimana untuk membuka fail pendua yang ditapis dalam Quark Mar 01, 2024 am 11:25 AM

Apabila menggunakan Quark Browser, terdapat fungsi untuk menapis fail pendua Beberapa rakan tidak begitu biasa dengan ini. 1. Mula-mula, klik "Pelayar Quark" pada telefon bimbit anda untuk memasuki antara muka, kemudian klik dan pilih "Cakera Rangkaian Quark" dalam pilihan di tengah halaman untuk dibuka dan masuk. 2. Cari "Tetapan Sandaran" di bahagian bawah antara muka cakera rangkaian Quark, dan klik untuk membukanya, seperti yang ditunjukkan dalam rajah di bawah: 3. Seterusnya, pada halaman yang anda masukkan, terdapat "Filter Duplicate Files", yang dipaparkan di belakangnya Terdapat butang suis Klik gelangsar bulat padanya dan tetapkannya kepada warna untuk menghidupkan fungsi ini Apabila anda terus membuat sandaran fail, fail pendua akan dilangkau untuk menjimatkan kapasiti cakera rangkaian.

Python melaksanakan penapisan dan penapisan data XML Python melaksanakan penapisan dan penapisan data XML Aug 09, 2023 am 10:13 AM

Python melaksanakan penapisan dan penapisan data XML (eXtensibleMarkupLanguage) ialah bahasa penanda yang digunakan untuk menyimpan dan menghantar data Ia fleksibel dan berskala dan sering digunakan untuk pertukaran data antara sistem yang berbeza. Apabila memproses data XML, kami selalunya perlu menapis dan menapisnya untuk mengekstrak maklumat yang kami perlukan. Artikel ini akan memperkenalkan cara menggunakan Python untuk menapis dan menapis data XML. Import modul yang diperlukan Sebelum memulakan, kami

Bagaimana untuk menggunakan fungsi PHP untuk mencari dan menapis data? Bagaimana untuk menggunakan fungsi PHP untuk mencari dan menapis data? Jul 24, 2023 am 08:01 AM

Bagaimana untuk menggunakan fungsi PHP untuk mencari dan menapis data? Dalam proses pembangunan menggunakan PHP, selalunya perlu untuk mencari dan menapis data. PHP menyediakan pelbagai fungsi dan kaedah untuk membantu kami mencapai operasi ini. Artikel ini akan memperkenalkan beberapa fungsi dan teknik PHP yang biasa digunakan untuk membantu anda mencari dan menapis data dengan cekap. Carian rentetan Fungsi carian rentetan yang biasa digunakan dalam PHP ialah strpos() dan strstr(). strpos() digunakan untuk mencari kedudukan subrentetan tertentu dalam rentetan Jika wujud, ia akan kembali

PHP dan PHPMAILER: Bagaimana untuk melaksanakan penapisan automatik penghantaran mel? PHP dan PHPMAILER: Bagaimana untuk melaksanakan penapisan automatik penghantaran mel? Jul 21, 2023 am 09:25 AM

PHP dan PHPMAILER: Bagaimana untuk melaksanakan penapisan automatik penghantaran mel? Dalam masyarakat moden, e-mel telah menjadi salah satu cara penting untuk orang berkomunikasi. Walau bagaimanapun, dengan populariti dan penggunaan e-mel yang meluas, jumlah spam juga telah menunjukkan trend pertumbuhan yang meletup. E-mel spam bukan sahaja membuang masa dan sumber rangkaian pengguna, tetapi juga boleh membawa virus dan tingkah laku pancingan data. Oleh itu, apabila membangunkan fungsi penghantaran e-mel, ia menjadi penting untuk menambah fungsi menapis spam secara automatik. Artikel ini akan memperkenalkan cara menggunakan PHP dan PHPMai

Kaedah pengesahan dan penapisan borang dalam PHP? Kaedah pengesahan dan penapisan borang dalam PHP? Jun 29, 2023 pm 10:04 PM

PHP ialah bahasa skrip yang digunakan secara meluas dalam pembangunan web, dan pengesahan dan penapisan bentuknya merupakan bahagian yang sangat penting. Apabila pengguna menyerahkan borang, data yang dimasukkan oleh pengguna perlu disahkan dan ditapis untuk memastikan keselamatan dan kesahihan data. Artikel ini akan memperkenalkan kaedah dan teknik tentang cara melaksanakan pengesahan dan penapisan borang dalam PHP. 1. Pengesahan borang Pengesahan borang merujuk kepada menyemak data yang dimasukkan oleh pengguna untuk memastikan data mematuhi peraturan dan keperluan tertentu. Pengesahan borang biasa termasuk pengesahan medan yang diperlukan, format e-mel dan format nombor telefon mudah alih.

Penapisan data PHP: mengendalikan input tarikh dan masa Penapisan data PHP: mengendalikan input tarikh dan masa Jul 28, 2023 pm 07:41 PM

Penapisan Data PHP: Gambaran Keseluruhan Input Tarikh dan Masa Pemprosesan: Semasa membangunkan aplikasi web, selalunya perlu memproses data tarikh dan masa yang dimasukkan oleh pengguna. Memandangkan input pengguna mungkin mengandungi pelbagai format dan ralat, penapisan dan pengesahan data yang berkesan diperlukan untuk memastikan ketepatan dan keselamatan data. Artikel ini menerangkan cara menggunakan PHP untuk mengendalikan input tarikh dan masa serta menyediakan contoh kod yang sepadan. Prinsip penapisan dan pengesahan: Sebelum memproses input tarikh dan masa, anda perlu terlebih dahulu menentukan prinsip penapisan dan pengesahan yang sepadan. Berikut adalah beberapa yang biasa

Penapisan data PHP: Bagaimana untuk mengelakkan kelemahan muat naik fail Penapisan data PHP: Bagaimana untuk mengelakkan kelemahan muat naik fail Jul 30, 2023 pm 09:51 PM

Penapisan Data PHP: Cara Mencegah Kerentanan Muat Naik Fail Fungsi muat naik fail adalah sangat biasa dalam aplikasi web, tetapi ia juga merupakan salah satu yang paling terdedah kepada serangan. Penyerang boleh mengeksploitasi kelemahan muat naik fail untuk memuat naik fail berniat jahat, yang membawa kepada isu keselamatan seperti pencerobohan sistem pelayan, data pengguna dibocorkan atau penyebaran perisian hasad. Untuk mengelakkan potensi ancaman ini, kami harus menapis dan memeriksa fail yang dimuat naik oleh pengguna dengan ketat. Sahkan jenis fail Penyerang boleh menamakan semula fail .txt kepada fail .php dan muat naik

Bagaimana untuk menggunakan PHP ZipArchive untuk menapis dan mencari fail dalam pakej termampat? Bagaimana untuk menggunakan PHP ZipArchive untuk menapis dan mencari fail dalam pakej termampat? Jul 23, 2023 pm 08:34 PM

Bagaimana untuk menggunakan PHPZipArchive untuk menapis dan mencari fail dalam pakej termampat? Gambaran Keseluruhan Dalam pembangunan web, kita selalunya perlu memproses fail pakej termampat, termasuk penapisan dan carian. PHP menyediakan sambungan ZipArchive, yang membolehkan kami beroperasi dengan mudah pada pakej termampat. Artikel ini akan mengajar anda cara menggunakan sambungan PHPZipArchive untuk menapis dan mencari fail arkib termampat. Langkah Pertama, pastikan persekitaran PHP anda mempunyai sambungan ZipArchive didayakan. awak boleh

See all articles