Posted in Javascript onApril 15, 2010
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处为禁用粘贴。
关于文本框的一些限制控制总结~~
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@