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

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处为禁用粘贴。

赞 (0)

相关推荐

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

    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.subst

  • jQuery控制文本框只能输入数字和字母及使用方法

    在公司开发WinForm项目时,发现公司自主研发的textbox控件非常强大,可以实现"只能输入数字"."只能输入字母"和"只能输入数字和字母"的三种输入限制,这样就可以精确控制用户输入的内容范围,让"用户永远没有办法输入限定的内容范围之外的其他内容",也就是"用户即使想犯错误也没有机会",这种限制控件输入的方式给了我很大的启发,如果在web项目中也能做到这样的精确控制,那么就可以避免因为一些非法输入而造成

  • js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码

    JS 控制文本框只能输入数字 <input onkeyup="value=value.replace(/[^0-9]/g,'')"onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu ="value=value.replace(/[^0-9]/g,'')"> JS 控制文本框只能输入数字.小数点 <inputonkeyup="value=value.repl

  • js控制文本框只输入数字和小数点的方法

    本文实例讲述了js控制文本框只输入数字和小数点的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: function clearNoNum(obj) {  obj.value = obj.value.replace(/[^\d.]/g, "");//清除"数字"和"."以外的字符  obj.value = obj.value.replace(/^\./g, "");//验证第一个字符是数字而不是.  obj.

  • js控制文本框输入的字符类型方法汇总

    JS 控制文本框只能输入数字 复制代码 代码如下: <input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu ="value=value.replace(/[^0-9]/g,'')"> JS 控制文本框只能输入数字.小数点 复制代码 代码如下: <input onkeyu

  • CutePsWheel javascript libary 控制输入文本框为可使用滚轮控制的js库

    CutePsWheel javascript libary 控制输入文本框为可使用滚轮控制的js库

    简介 实现类似于Photoshop控制面板输入文本数字的效果,所以名称叫做PsWheel.用于控制输入数字类型文本框实现鼠标滚轮上下滑动改变值,支持正整数.小数类型输入文本. 兼容IE/Firefox/Opera/Safari/Chrom 可定义滚动变化间隔值,支持整数.浮点数 双击恢复初始值 仅3.92K,压缩后2.67K 代码 复制代码 代码如下: /* * cutePsWheel JS * Description:A js liabary which control the text ty

  • js控制文本框禁止输入特殊字符详解

    在开发难免遇到一些前端需要验证输入的数据是否合法的问题,收集分享在这里同学们使用,欢迎补充. 1.标签上直接替换方法: JS 控制不能输入特殊字符 <input type="text"class="domain"onkeyup="this.value=this.value.replace(/[^u4e00-u9fa5w]/g,'')": this.value=this.value.replace(/[^u4e00-u9fa5w]/g,'')

  • jQuery 控制文本框自动缩小字体填充

    js控制文本框自动缩小字体填充,当文本框中的字体超出文本框范围的时候,框内的字体会自动缩小,以填充整个文本框; 调用:resetFontSize($(".title"), 50, 10, 20);//重置字体大小 wordbox:jQuery对象 maxHeight:box的最大高度 minSize:最小字体大小 maxSize:最大字体大小 this.resetFontSize=function (wordbox, maxHeight, minSize, maxSize) { //

  • JS实现控制文本框的内容

    JS 控制文本框只能输入数字 <input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu = "value=value.replace(/[^0-9]/g,'')"> JS 控制文本框只能输入数字.小数点 <input onkeyup="value=value.r

  • JavaScript 控制文本框的值连续加减

    JavaScript控制文本框的值连续加减 var flag1=0; var flag2=0; function NumberInc() { if(flag1==1 && flag2==1) {alert("Error!");} else { if(flag1==1) { document.all.TextBox1.value++; setTimeout("NumberInc()",100); } if(flag2==1) { document.al

随机推荐