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


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 相关文章推荐
web 页面分页打印的实现
Jun 22 Javascript
jquery validator 插件增加日期比较方法
Feb 21 Javascript
Javascript中string转date示例代码
Nov 01 Javascript
js判断客户端是iOS还是Android等移动终端的方法
Dec 11 Javascript
深入理解javascript的执行顺序
Apr 04 Javascript
node.js中使用socket.io的方法
Dec 15 Javascript
JavaScript 学习笔记之操作符
Jan 14 Javascript
JavaScript中子对象访问父对象的方式详解
Sep 01 Javascript
jQuery实现在新增加的元素上添加事件方法案例分析
Feb 09 Javascript
jQuery实现页面倒计时并刷新效果
Mar 13 Javascript
Echart折线图手柄触发事件示例详解
Dec 16 Javascript
jQuery表单校验插件validator使用方法详解
Feb 18 jQuery
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实现的一个很好用HTML解析器类可用于采集数据
2013/09/23 PHP
PHP获取MySql新增记录ID值的3种方法
2014/06/24 PHP
PHP使用range协议实现输出文件断点续传代码实例
2014/07/04 PHP
ThinkPHP中的三大自动简介
2014/08/22 PHP
PHP针对JSON操作实例分析
2015/01/12 PHP
Zend Framework框架路由机制代码分析
2016/03/22 PHP
thinkphp框架无限级栏目的排序功能实现方法示例
2020/03/29 PHP
Javascript-Mozilla和IE中的一个函数直接量的问题分析
2007/08/12 Javascript
JavaScript 定义function的三种方式小结
2009/10/16 Javascript
js实现星星打分效果的方法
2020/07/05 Javascript
分享十五款 jQuery 社交网络分享插件
2015/05/16 Javascript
js+html5实现可在手机上玩的拼图游戏
2015/07/17 Javascript
JS+CSS实现DIV层的展开、收缩效果
2016/01/28 Javascript
使用jQuery.form.js/springmvc框架实现文件上传功能
2016/05/12 Javascript
jQuery实现鼠标滚动图片延迟加载效果附源码下载
2016/06/28 Javascript
微信小程序 教程之事件
2016/10/18 Javascript
webuploader模态框ueditor显示问题解决方法
2016/12/27 Javascript
BootStrap下的弹出框加载select2框架失败的解决方法
2017/08/31 Javascript
VUE 组件转换为微信小程序组件的方法
2019/11/06 Javascript
[01:06]欢迎来到上海,TI9
2018/08/26 DOTA
[01:16:12]完美世界DOTA2联赛PWL S2 FTD vs Inki 第一场 11.21
2020/11/23 DOTA
Python中使用Tkinter模块创建GUI程序实例
2015/01/14 Python
python解决pandas处理缺失值为空字符串的问题
2018/04/08 Python
python输出100以内的质数与合数实例代码
2018/07/08 Python
python使用tornado实现简单爬虫
2018/07/28 Python
Python小白垃圾回收机制入门
2020/06/09 Python
python读取图片颜色值并生成excel像素画的方法实例
2021/02/19 Python
python pyg2plot的原理知识点总结
2021/02/28 Python
浅谈CSS3 box-sizing 属性 有趣的盒模型
2019/04/02 HTML / CSS
英国最大的宝石首饰超市:QP Jewellers
2018/09/23 全球购物
玛蒂尔达简服装:Matilda Jane Clothing
2019/02/13 全球购物
Lentiamo比利时:便宜的隐形眼镜
2020/02/14 全球购物
国际经济贸易专业推荐信
2013/11/06 职场文书
《太阳》教学反思
2014/02/21 职场文书
体育系毕业生求职自荐信
2014/04/16 职场文书
预备党员学习十八届三中全会精神思想汇报
2014/09/13 职场文书