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


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 相关文章推荐
javascript获得CheckBoxList选中的数量
Oct 27 Javascript
JS在IE和FF下attachEvent,addEventListener学习笔记
Nov 26 Javascript
Javascript中的相等与不等运算
Apr 25 Javascript
jquery formValidator插件ajax验证 内容不做任何修改再离开提示错误的bug解决方法
Jan 04 Javascript
node.js中的fs.writeFileSync方法使用说明
Dec 14 Javascript
jQuery扁平化风格下拉框美化插件FancySelect使用指南
Feb 10 Javascript
js判断图片加载完成后获取图片实际宽高的方法
Feb 25 Javascript
JS 对java返回的json格式的数据处理方法
Dec 05 Javascript
详解Vue.js分发之作用域槽
Jun 13 Javascript
基于js实现抽红包并分配代码实例
Sep 19 Javascript
JavaScript实现轮播图效果代码实例
Sep 28 Javascript
jquery 插件重新绑定的处理方法分析
Nov 23 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
PHP5 字符串处理函数大全
2010/03/23 PHP
PHP动态页生成静态页的3种常用方法
2014/11/13 PHP
php array_merge函数使用需要注意的一个问题
2015/03/30 PHP
关于PHP通用返回值设置方法
2017/03/31 PHP
php基于SQLite实现的分页功能示例
2017/06/21 PHP
php实现微信企业转账功能
2018/10/02 PHP
表单序列化与jq中的serialize使用示例
2014/02/21 Javascript
JS获取当前网页大小以及屏幕分辨率等
2014/09/05 Javascript
JS或jQuery获取ASP.NET服务器控件ID的方法
2015/06/08 Javascript
几种二级联动案例(jQuery\Array\Ajax php)
2016/08/13 Javascript
JavaScript评论点赞功能的实现方法
2017/03/13 Javascript
详解node如何让一个端口同时支持https与http
2017/07/04 Javascript
微信小程序之蓝牙的链接
2017/09/26 Javascript
jQuery自动或手动图片切换效果
2017/10/11 jQuery
vue单页应用在页面刷新时保留状态数据的方法
2018/09/21 Javascript
Python中用于去除空格的三个函数的使用小结
2015/04/07 Python
Python设计模式之命令模式简单示例
2018/01/10 Python
python绘制立方体的方法
2018/07/02 Python
python requests 测试代理ip是否生效
2018/07/25 Python
Python设计模式之工厂方法模式实例详解
2019/01/18 Python
浅谈python的深浅拷贝以及fromkeys的用法
2019/03/08 Python
Python编程快速上手——PDF文件操作案例分析
2020/02/28 Python
python zip()函数的使用示例
2020/09/23 Python
python录音并调用百度语音识别接口的示例
2020/12/01 Python
英国办公用品商店:Office Outlet
2018/04/04 全球购物
Shopee新加坡:东南亚与台湾电商平台
2019/01/25 全球购物
Derek Rose官网:英国高档睡衣、家居服和内衣品牌
2020/01/18 全球购物
资产经营总监岗位职责
2013/12/04 职场文书
写好自荐信的几个要点
2013/12/26 职场文书
毕业生的自我评价
2013/12/30 职场文书
学雷锋演讲稿
2014/03/04 职场文书
《长征》教学反思
2014/04/27 职场文书
2014年机关后勤工作总结
2014/12/16 职场文书
安全生产感想
2015/08/07 职场文书
Python 详解通过Scrapy框架实现爬取CSDN全站热榜标题热词流程
2021/11/11 Python
Python+OpenCV实现图片中的圆形检测
2022/04/07 Python