input输入框只能输入数字、字母相关组合（正则表达式）
简介：公司网站做试用用户申请窗口，为防止用户错误输入，给予input适当控制，能够防止用户输入错误，同时也能减少公司垃圾数据，当然，如果更大程度避免垃圾数据，最好还是后端正则验证，下面是我记录的input常用正则表达式，希望能给大家带来方便。
( 推荐学习：html教程 )
下面是input经常用到正则表达式：
<!doctype html>
<html>
<meta charset="utf-8" />
<body>只允许输入正整数：
<input type='text' onkeyup="this.value=this.value.replace(/^(0+)|[^\d]+/g,'')">
<br/>
<br/>只允许输入英文:
<input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
<br/>
<br/>只允许允许输入数字和字母：
<input onKeyUp="value=value.replace(/[\W]/g,'')">
<br/>
<br/>允许输入大小写字母、数字、下划线：
<input type="text" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');">
<br/>
<br/>允许输入小写字母、数字、下划线：
<input type="text" onkeyup="this.value=this.value.replace(/[^a-z0-9_]/g,'');">
<br/>
<br/>允许输入数字和小数点：
<input type="text" onkeyup="this.value=this.value.replace(/[^\d.]/g,'')">
<br/>
<br/>允许输入中文、数字、英文:
<input onkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')">
<br/>
<br/>
</body>
</html>Atas ialah kandungan terperinci input输入框只能输入数字、字母相关组合（正则表达式）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undress AI Tool
Gambar buka pakaian secara percuma
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Apakah tujuan atribut REL dalam tag pautan dalam HTML?
Aug 03, 2025 pm 04:50 PM
rel = "stylesheet" linkscssfilesforstylingthepage; 2.rel = "preload" hintStopreloadcriticalResourcesforperformance; 3.rel = "ikon" setSthewebsite'sfavicon; 4.rel = "alternate" menyediakan
Cara membuat butang hantar yang menghantar data borang dalam html
Aug 02, 2025 pm 04:46 PM
Gunakan elemen dan tetapkan atribut tindakan dan kaedah untuk menentukan alamat dan kaedah penyerahan data; 2. Tambah medan input dengan atribut nama untuk memastikan data dapat diiktiraf oleh pelayan; 3. Gunakan atau buat butang penyerahan, dan selepas mengklik, penyemak imbas akan menghantar data borang ke URL yang ditentukan, yang akan diproses oleh backend untuk menyelesaikan penyerahan data.
Adakah atribut LongDesc untuk imej HTML masih berguna
Aug 03, 2025 pm 02:15 PM
Thelongdescattributeisobsoleteduetopoorbrowserandscreenreadersupport,oftenleavingusersunawareofavailabledetaileddescriptions.2.Modernalternativeslikeinlinedescriptions,aria-describedby,semanticHTMLelementssuchasfigureandfigcaption,andexpandableconten
Bagaimana untuk menyerlahkan teks dengan tag ?
Aug 04, 2025 pm 04:29 PM
Gunakan tag untuk menyerlahkan teks secara semantik, sering digunakan untuk mengenal pasti hasil carian atau kandungan penting; 2. Gaya tersuai seperti warna latar belakang, warna teks dan sempadan boleh disesuaikan melalui CSS; 3. Ia harus digunakan dalam konteks dengan kepentingan praktikal, bukan hanya hiasan visual untuk meningkatkan akses dan kesan SEO.
Cara menggunakan HTML untuk membuat pautan yang dibuka dalam tab baru
Aug 05, 2025 am 04:29 AM
Untuk membuka pautan dengan selamat dalam tab baru, anda perlu menggunakan sasaran = "_ kosong" dan sentiasa bekerjasama dengan rel = "noopener". Anda boleh memilih REL = "NOREFERRER" untuk meningkatkan perlindungan privasi. Langkah -langkah khusus adalah: 1. Gunakan HREF untuk menetapkan URL sasaran; 2. Tambah sasaran = "_ kosong" untuk membuka pautan dalam tab baru; 3. Tambah Rel = "Noopener" untuk mengelakkan halaman baru daripada memanipulasi halaman asal dan meningkatkan prestasi; 4. Anda boleh memilih Rel = "Noreferrer" untuk mengelakkan penghantaran
Cara menambah ikon ke tab tajuk laman web anda di HTML
Aug 07, 2025 pm 11:30 PM
Untuk menambah ikon ke bar tajuk laman web, anda perlu menghubungkan fail Favicon di bahagian HTML. Langkah -langkah khusus adalah seperti berikut: 1. Sediakan fail ikon 16x16 atau 32x32 piksel. Adalah disyorkan untuk menggunakan favicon.ico untuk menamakannya dan meletakkannya di direktori akar laman web, atau menggunakan format moden seperti PNG dan SVG; 2. Tambah tag pautan ke HTML, seperti format PNG atau SVG, laraskan atribut jenis dengan sewajarnya; 3. Secara pilihan menambah ikon resolusi tinggi untuk peranti mudah alih, seperti Appletouchicon, dan nyatakan saiz yang berbeza melalui atribut saiz; 4. Ikuti amalan terbaik, letakkan ikon dalam direktori root untuk memastikan pengesanan automatik, jelaskan cache penyemak imbas selepas kemas kini, dan periksa ketepatan laluan fail.
Cara Menggunakan Tag HTML ABBR untuk Singkatan
Aug 05, 2025 pm 12:54 PM
Menggunakan tag HTML boleh meningkatkan kebolehcapaian dan kejelasan kandungan; 1. Tanda singkatan atau akronim dengan singkatan; 2. Tambah atribut tajuk kepada singkatan yang luar biasa untuk memberikan penjelasan lengkap; 3. Gunakan apabila dokumen pertama muncul, mengelakkan anotasi pendua; 4. Anda boleh menyesuaikan gaya melalui CSS, dan penyemak imbas lalai biasanya memaparkan garis bawah bertitik; 5. Ia membantu pengguna pembaca skrin memahami istilah dan meningkatkan pengalaman pengguna.
Cara menggunakan HTML untuk pemformatan teks asas
Aug 05, 2025 pm 03:05 PM
Useforboldandsemanticimportance, dan foritalicandemphasisinsteadoforforbetteraccessibilityandseo.2.structureContentwithheadingtagsto, anduseforsmallertextlikedisclaimers.3.SeparateRagraphSwithandinsertlineSwithSwithSwithSwithSwithSwithSwithSwithSwithSwithSwithSwithSwithSwithSwithin.
