欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

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

时间:2022-01-06 09:21:07|栏目:JavaScript代码|点击:
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处为禁用粘贴。

上一篇:JavaScript 实现轮播图特效的示例

栏    目:JavaScript代码

下一篇:js制作简易计算器

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

本文地址:http://www.codeinn.net/misctech/189359.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有