快捷導(dǎo)航

JS驗(yàn)證input輸入框（字母，數(shù)字，符號(hào)，中文）

更新時(shí)間：2017年03月23日 17:25:56 作者：gqsunrise

本文主要介紹了JS驗(yàn)證input輸入框（字母，數(shù)字，符號(hào)，中文）的方法。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧

只能輸入英文

<input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')">

只能輸入英文

<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')"
onkeydown="fncKeyStop(event)" onpaste="return false"
oncontextmenu="return false" />

無(wú)法粘貼，右鍵不會(huì)彈出粘貼菜單

只能輸入數(shù)字：

<input onkeyup="this.value=this.value.replace(/\D/g,'')"
onafterpaste="this.value=this.value.replace(/\D/g,'')">

只能輸入數(shù)字，小數(shù)點(diǎn)：

<input name="price" type="text"
onkeyup="value=value.replace(/[^\d\.]/g,'')">

只能輸入數(shù)字，小數(shù)點(diǎn)，下劃線：

<input name="price" type="text"
onkeyup="value=value.replace(/[^\d\._]/g,'')">

只能輸入英文和數(shù)字：

<input onkeyup="value=value.replace(/[\W]/g,'') "
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

只能輸入漢字：

<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))">

禁止輸入法輸入：

<input type="text" style="ime-mode: disabled">

無(wú)法切換輸入法

只能輸入中文、英文、數(shù)字、@符號(hào)和.符號(hào)：

<input type="text"
onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,'')">

不能為空：

<input onblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能為空!')">

以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

前端面試的底氣之實(shí)現(xiàn)一個(gè)深拷貝
最近學(xué)到一個(gè)有關(guān)深拷貝的實(shí)現(xiàn)方法,為加深印象,這里給大家分享一下,下面這篇文章主要給大家介紹了關(guān)于前端面試的底氣之實(shí)現(xiàn)一個(gè)深拷貝的相關(guān)資料,需要的朋友可以參考下
2022-05-05
調(diào)試Node.JS的輔助工具(NodeWatcher)
Node.JS調(diào)試貌似比較麻煩,每次改完了要重啟一下Node進(jìn)程.GOOGLE上有個(gè)NPM模塊,可以監(jiān)控JS文件的更改,然后自動(dòng)重啟Node.但我下載后在windows里運(yùn)行報(bào)錯(cuò)
2012-01-01
javascript實(shí)現(xiàn)京東快遞單號(hào)的查詢效果
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)京東快遞單號(hào)的查詢效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-11-11
不錯(cuò)的用外部Javascript修正特定網(wǎng)頁(yè)內(nèi)容
不錯(cuò)的用外部Javascript修正特定網(wǎng)頁(yè)內(nèi)容...
2007-08-08
setTimeout學(xué)習(xí)小結(jié)
本文主要介紹了setTimeout原理；setTimeout(function(){..},0)的意義；setTimeout的this指向和參數(shù)問(wèn)題。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-02-02
JavaScript降低代碼圈復(fù)雜度優(yōu)化技巧
當(dāng)一個(gè)項(xiàng)目經(jīng)過(guò)持續(xù)迭代,不斷增加功能,逐漸變成一個(gè)復(fù)雜的產(chǎn)品時(shí),新功能的開(kāi)發(fā)變得相對(duì)困難,其中一個(gè)很大的原因是代碼復(fù)雜度高,導(dǎo)致可維護(hù)性和可讀性都很差,本文將從前端JavaScript的角度出發(fā),介紹一些有效的方法和技巧來(lái)優(yōu)化前端代碼的圈復(fù)雜度
2023-10-10
微信小程序rich-text富文本用法實(shí)例分析
這篇文章主要介紹了微信小程序rich-text富文本用法,結(jié)合實(shí)例形式分析了微信小程序rich-text富文本插件的功能、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
2019-05-05
基于JavaScript實(shí)現(xiàn)購(gòu)物車(chē)功能
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)購(gòu)物車(chē)功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-02-02
微信小程序轉(zhuǎn)換uniapp的遷移步驟以及遇到的問(wèn)題總結(jié)
最近公司有個(gè)需求,第一次遇到,把原生的微信小程序代碼轉(zhuǎn)換為uni-app項(xiàng)目,下面這篇文章主要給大家介紹了關(guān)于微信小程序轉(zhuǎn)換uniapp的遷移步驟以及遇到問(wèn)題的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-07-07
js fromCharCode輸出26個(gè)字母的代碼
這個(gè)代碼比較簡(jiǎn)單主要是用到了fromCharCode的特性
2008-11-11