網頁程式設計中限制不能輸入中文

2021-05-05 00:01:54 字數 849 閱讀 7612

關於這個問題,網上解決方法俯拾即是。這兒只記下我自己的情況:

首先,我選擇了禁用輸入法和貼上:

style="ime-mode:disabled"   οnpaste="return   false"

在想要限制的元素上加入這一句,簡單方便,在ie下試了也很有效。

然而,當在google的瀏覽器上測試時才發現,完全沒有效果。

但也不能不管呀》之後找來了兩種解決辦法:

1)在提交時通過正則判斷進行驗證,看是否包含中文。

//str:判斷的字串

function   includechinese(str)//

正規表示式稍做解釋:

g :全域性匹配 ; i (ignore):忽略大小寫

/[/u4e00-/u9fa5]|[/ufe30-/uffa0]/ig  

這個是簡體中文漢字與全形字符的unicode編碼範圍

/u 轉義字元加u,後面的u表示unicode

2)在元素的onkeyup事件上進行正規表示式判斷,限制輸入中文。

第二種的**如下:

οnkeyup="value=value.replace(/[/u4e00-/u9fa5]/g,'')"

onbeforepaste="clipboarddata.setdata('text',clipboarddata.getdata('text').replace(/[/u4e00-/u9fa5]/g,''))"

其實不用貼上事件,也可達到效果,在ctrl + v結束的同時會刪除掉中文。

在選擇時由於頁面輸入中文的情況不多,並且也有對不能輸入中文的說明,所以還是在最後做一次驗證吧!

input 限制 中文輸入

ime mode disabled是什麼?解決 1.ime mode版本 ie5 專有屬性 繼承性 無 語法 ime mode auto active inactive disabled 引數 auto 不影響ime的狀態。與不指定ime mode屬性時相同 active 指定所有使用ime輸入的字...

輸入框限制 不能輸入中文,切輸入的英文要變為大寫

最開始寫的方法是 this.acceptnum this.acceptnum.touppercase 會出現乙個問題,輸入中文的時候,輸入框也會顯示 1.首先,在input框加入css style text transform uppercase 會把輸入的英文自動轉換為大寫 2.對input框增加...

網頁輸入框不能輸入

通常導致網頁輸入框不能輸入內容的原因有兩種,一是瀏覽器未開啟 指令碼除錯 另乙個原因是 本身設定,即 需要安裝相應的控制項才能正常輸入。下面就來看一下具體的解決辦法。方法 步驟 2 另一種導致不能向網頁文字框中輸入內容的原因是,瀏覽器未開啟 指令碼除錯 功能。具體做法 點選 工具 internet選...