關于文本框的一些限制控制總結~~
2024-05-06 14:10:31
供稿：網友
1.限制文本框不能輸入中文：
以前很多時候會去使用判斷去寫，比如：
代碼如下:
function nocn(obj)
{
for(i=0;i<document.getElementsByName("Text1")[0].value.length;i++)
{
var c = document.getElementsByName("Text1")[0].value.substr(i,1);
var ts = escape(c);
if(ts.substring(0,2) == "%u")
{
document.getElementsByName("Text1")[0].value = "";
alert("這里不能輸入中文/全角字符");
}
}
}
但是很少會有人用ime-mode:disabled（用css實現關閉文本框輸入法）
ime-mode
語法：
ime-mode : auto | active | inactive | disabled
取值：
auto : 默認值。不影響IME的狀態。與不指定 ime-mode 屬性時相同
active : 指定所有使用IME輸入的字符。即激活本地語言輸入法。用戶仍可以撤銷激活IME
inactive : 指定所有不使用IME輸入的字符。即激活非本地語言。用戶仍可以撤銷激活IME
disabled : 完全禁用IME。對于有焦點的控件(如輸入框)，用戶不可以激活IME
那么：
<input onpaste="return false;" type="text" name="textfield" style="ime-mode:disabled" value="">
ime-mode:disabled為禁用輸入法。
擴展：
代碼如下:
<SCRIPT LANGUAGE="JavaScript">
<!--
function change(oButton)
{
var obj = document.all.txt;
if(obj.style.imeMode == "disabled")
{
obj.style.imeMode = "active";
obj.value = "";
oButton.value = "屏蔽中文輸入法";
}
else
{
obj.style.imeMode = "disabled";
obj.value = "";
oButton.value = "激活中文輸入法";
}
}
//-->
</SCRIPT>
<INPUT TYPE="text" NAME="txt" style="ime-mode:disabled" style="ime-mode:disabled">
<INPUT TYPE="button" value="激活中文輸入法" onclick="change(this)">
自己琢磨琢磨哈~
2..限制文本框不能粘貼：
一般看到這個我們會有這樣的思路：禁用掉Ctrl鍵和C鍵，再禁用掉右鍵，就可以完美的禁用粘貼功能了。
那么需要寫JS文件了（此JS文件本博客有相關內容）
其實 onpaste="return false;" 就可以很完美的實現禁用粘貼，而且要注意，它禁用掉的是粘貼的功能，所以使用了這個屬性，即使不禁用掉右鍵，用戶也無法粘貼內容。
那么：
代碼如下:
<input onpaste="return false;" type="text" name="textfield" style="ime-mode:disabled" value="">
onpaste處為禁用粘貼。
