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


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处为禁用粘贴。
Javascript 相关文章推荐
IE和Firefox下event事件杂谈
Dec 18 Javascript
Javascript JSQL,SQL无处不在,
May 05 Javascript
js实现正方形颜色从下往上升的效果
Aug 04 Javascript
jquery中使用循环下拉菜单示例代码
Sep 24 Javascript
WdatePicker.js时间日期插件的使用方法
Jul 26 Javascript
使用ef6创建oracle数据库的实体模型遇到的问题及解决方案
Nov 09 Javascript
vue.js中npm安装教程图解
Apr 10 Javascript
vue组件中的数据传递方法
May 14 Javascript
详解vue 2.6 中 slot 的新用法
Jul 09 Javascript
webpack是如何实现模块化加载的方法
Nov 06 Javascript
vue使用screenfull插件实现全屏功能
Sep 17 Javascript
Javascript使用integrity属性进行安全验证
Nov 07 Javascript
JS input文本框禁用右键和复制粘贴功能的代码
Apr 15 #Javascript
JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述
Apr 15 #Javascript
js利用与或运算符优先级实现if else条件判断表达式
Apr 15 #Javascript
JS下高效拼装字符串的几种方法比较与测试代码
Apr 15 #Javascript
js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)
Apr 14 #Javascript
JavaScript 保存数组到Cookie的代码
Apr 14 #Javascript
轻轻松松学JS调试(不下载任何工具)
Apr 14 #Javascript
You might like
关于PHP模板Smarty的初级使用方法以及心得分享
2013/06/21 PHP
PHP连接MySQL查询结果中文显示乱码解决方法
2013/10/25 PHP
PHP把JPEG图片转换成Progressive JPEG的方法
2014/06/30 PHP
如何使用jQuery+PHP+MySQL来实现一个在线测试项目
2015/04/26 PHP
解析WordPress中的post_class与get_post_class函数
2016/01/04 PHP
PHP PDOStatement::fetch讲解
2019/01/31 PHP
070823更新的一个[消息提示框]组件 兼容ie7
2007/08/29 Javascript
javascript 面向对象编程 万物皆对象
2009/09/17 Javascript
禁止IE用右键的JS代码
2013/12/30 Javascript
js实现动态改变字体大小代码
2014/01/02 Javascript
jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)
2014/05/11 Javascript
seaJs的模块定义和模块加载浅析
2014/06/06 Javascript
使用JQ来编写最基本的淡入淡出效果附演示动画
2014/10/31 Javascript
JQuery实现超链接鼠标提示效果的方法
2015/06/10 Javascript
JQuery实现左右滚动菜单特效
2015/09/28 Javascript
jquery form表单获取内容以及绑定数据
2016/02/24 Javascript
JS实现的跨浏览器解析XML文件实例
2016/06/21 Javascript
JS简单去除数组中重复项的方法
2016/09/13 Javascript
Bootstrap精简教程中秋大放送
2016/09/15 Javascript
Angular 4依赖注入学习教程之InjectToken的使用(八)
2017/06/04 Javascript
cnpm加速Angular项目创建的方法
2018/09/07 Javascript
RxJS的入门指引和初步应用
2019/06/15 Javascript
在Python中使用Neo4j数据库的教程
2015/04/16 Python
python多线程+代理池爬取天天基金网、股票数据过程解析
2019/08/13 Python
Python动态声明变量赋值代码实例
2019/12/30 Python
Django获取model中的字段名和字段的verbose_name方式
2020/05/19 Python
Lombok插件安装(IDEA)及配置jar包使用详解
2020/11/04 Python
香港礼品网站:GiftU eshop
2017/09/01 全球购物
网络安全类面试题
2015/08/01 面试题
服务中心夜班服务员岗位职责
2013/11/27 职场文书
剪枝的学问教学反思
2014/02/07 职场文书
团支部建设方案
2014/05/02 职场文书
公司股东合作协议书
2014/09/14 职场文书
高中政治教师教学反思
2016/02/23 职场文书
Win11 S Mode版本泄露 正式上线后叫做Windows 11 SE
2021/11/21 数码科技
Pillow图像处理库安装及使用
2022/04/12 Python