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


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 相关文章推荐
Jvascript学习实践案例(开发常用)
Jun 25 Javascript
sencha touch 模仿tabpanel导航栏TabBar的实例代码
Oct 24 Javascript
js同比例缩放图片的小例子
Oct 30 Javascript
jquery通过visible来判断标签是否显示或隐藏
May 08 Javascript
node.js中的fs.fstatSync方法使用说明
Dec 15 Javascript
利用纯Vue.js构建Bootstrap组件
Nov 03 Javascript
angularjs 实现带查找筛选功能的select下拉框实例
Jan 11 Javascript
TableSort.js表格排序插件使用方法详解
Feb 10 Javascript
React Native之TextInput组件解析示例
Aug 22 Javascript
React Native中的RefreshContorl下拉刷新使用
Oct 09 Javascript
Vue2.x Todo之自定义指令实现自动聚焦的方法
Jan 08 Javascript
Javascript实现秒表计时游戏
May 27 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邮件类
2007/01/03 PHP
PHP写MySQL数据 实现代码
2009/06/15 PHP
php生成随机密码的三种方法小结
2010/09/04 PHP
PHP两种去掉数组重复值的方法比较
2014/06/19 PHP
php数组实现根据某个键值将相同键值合并生成新二维数组的方法
2017/04/26 PHP
JavaScript让IE浏览器event对象符合W3C DOM标准
2009/11/24 Javascript
关于二级域名下使用一级域名下的COOKIE的问题
2011/11/07 Javascript
js 遍历对象的属性的代码
2011/12/29 Javascript
为开发者准备的10款最好的jQuery日历插件
2014/02/04 Javascript
JQuery获取与设置HTML元素的内容或文本的实现代码
2014/06/20 Javascript
js 截取或者替换字符串中的数字实现方法
2016/06/13 Javascript
JS仿京东移动端手指拨动切换轮播图效果
2020/04/10 Javascript
Node.js 8 中的 util.promisify的详解
2017/06/12 Javascript
vue-resource + json-server模拟数据的方法
2017/11/02 Javascript
解决vue-cli3 使用子目录部署问题
2018/07/19 Javascript
NodeJs实现简单的爬虫功能案例分析
2018/12/05 NodeJs
Python中的魔法方法深入理解
2014/07/09 Python
详解在Python和IPython中使用Docker
2015/04/28 Python
Python实现对excel文件列表值进行统计的方法
2015/07/25 Python
Python在Console下显示文本进度条的方法
2016/02/14 Python
django中静态文件配置static的方法
2018/05/20 Python
Python安装lz4-0.10.1遇到的坑
2018/05/20 Python
numpy 对矩阵中Nan的处理:采用平均值的方法
2018/10/30 Python
关于Python形参打包与解包小技巧分享
2019/08/24 Python
python飞机大战pygame游戏之敌机出场实现方法详解
2019/12/17 Python
python中最小二乘法详细讲解
2021/02/19 Python
html5指南-6.如何创建离线web应用程序实现离线访问
2013/01/07 HTML / CSS
eVitamins日本:在线购买折扣维生素、补品和草药
2019/04/04 全球购物
Lululemon加拿大官网:加拿大知名体育服装零售商
2019/04/12 全球购物
管道维修工岗位职责
2013/12/27 职场文书
媒体宣传策划方案
2014/05/25 职场文书
cf战队收人口号
2014/06/21 职场文书
2015年社区环境卫生工作总结
2015/04/21 职场文书
孕妇病假条怎么写
2015/08/17 职场文书
2016年度继续教育学习心得体会
2016/01/19 职场文书
pandas中DataFrame数据合并连接(merge、join、concat)
2021/05/30 Python