关于文本框的一些限制控制总结~~

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="">

蓝色处为禁用输入法。

 

扩展:

 

代码
<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" mce_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="">

红色处为禁用粘贴。

 

未完待续。

posted @ 2010-04-14 14:54  youbeiyu  阅读(1595)  评论(6)    收藏  举报