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


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 相关文章推荐
基于jquery的页面划词搜索JS
Sep 14 Javascript
JavaScript实现GriwView单列全选(自写代码)
May 13 Javascript
jquery 操作iframe的几种方法总结
Dec 13 Javascript
AngularJS基础 ng-non-bindable 指令详细介绍
Aug 02 Javascript
Angular ng-repeat指令实例以及扩展部分
Dec 26 Javascript
使用get方式提交表单在地址栏里面不显示提交信息
Feb 21 Javascript
angular2系列之路由转场动画的示例代码
Nov 09 Javascript
VUE+Element UI实现简单的表格行内编辑效果的示例的代码
Oct 31 Javascript
原生JS实现的自动轮播图功能详解
Dec 28 Javascript
使用Three.js实现太阳系八大行星的自转公转示例代码
Apr 09 Javascript
vue获取时间戳转换为日期格式代码实例
Apr 17 Javascript
JS中的算法与数据结构之队列(Queue)实例详解
Aug 20 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
推荐十款免费 WordPress 插件
2015/03/24 PHP
PHP判断上传文件类型的解决办法
2015/10/20 PHP
PHP实现实时生成并下载超大数据量的EXCEL文件详解
2017/10/23 PHP
?牟┛途W扣了一??效果出?? target=
2007/05/27 Javascript
JS 判断undefined的实现代码
2009/11/26 Javascript
HTML5附件拖拽上传drop &amp; google.gears实现代码
2011/04/28 Javascript
javascript 基础篇3 类,回调函数,内置对象,事件处理
2012/03/14 Javascript
通过JS来动态的修改url,实现对url的增删查改
2014/09/01 Javascript
node.js解决获取图片真实文件类型的问题
2014/12/20 Javascript
第六章之辅组类与响应式工具
2016/04/25 Javascript
AJAX实现瀑布流触发分页与分页触发瀑布流的方法
2016/05/23 Javascript
jQuery过滤特殊字符及JS字符串转为数字
2016/05/26 Javascript
vue.js绑定class和style样式(6)
2016/12/09 Javascript
JS经典正则表达式笔试题汇总
2016/12/15 Javascript
详解Webpack+Babel+React开发环境的搭建的方法步骤
2018/01/09 Javascript
js+HTML5 canvas 实现简单的加载条(进度条)功能示例
2019/07/16 Javascript
vue实现行列转换的一种方法
2019/08/06 Javascript
python基础教程之五种数据类型详解
2017/01/12 Python
代码分析Python地图坐标转换
2018/02/08 Python
Python3多线程基础知识点
2019/02/19 Python
python实现AES加密与解密
2019/03/28 Python
pandas对dataFrame中某一个列的数据进行处理的方法
2019/07/08 Python
python程序中的线程操作 concurrent模块使用详解
2019/09/23 Python
解决Pytorch 加载训练好的模型 遇到的error问题
2020/01/10 Python
python实现mask矩阵示例(根据列表所给元素)
2020/07/30 Python
django和flask哪个值得研究学习
2020/07/31 Python
苏格兰销售女装、男装和童装的连锁店:M&Co
2018/03/16 全球购物
Ibatis如何调用存储过程
2015/05/15 面试题
小学教师的个人自我鉴定
2013/10/26 职场文书
三年大学自我鉴定
2014/01/16 职场文书
新闻发布会活动策划方案
2014/09/15 职场文书
教师国庆节演讲稿范文2014
2014/09/21 职场文书
学生穿着不得体检讨书
2014/10/12 职场文书
群众路线教育实践活动方案
2014/10/31 职场文书
稽核岗位职责范本
2015/04/13 职场文书
PHP控制循环操作的时间
2021/04/01 PHP