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


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 相关文章推荐
实现超用户体验 table排序javascript实现代码
Jun 22 Javascript
GWT中复制到剪贴板 js+flash实现复制 兼容性比较好
Mar 07 Javascript
读jQuery之十三 添加事件和删除事件的核心方法
Aug 23 Javascript
简单的JavaScript互斥锁分享
Feb 02 Javascript
javascript中的事件代理初探
Mar 08 Javascript
javascript模拟评分控件实现方法
May 13 Javascript
javascript实现3D变换的立体圆圈实例
Aug 06 Javascript
基于Vue实现拖拽功能
Jul 29 Javascript
Bootstrap导航菜单点击后无法自动添加active的处理方法
Aug 10 Javascript
vue-cli3添加模式配置多环境变量的方法
Jun 05 Javascript
jQuery实现数字华容道小游戏(实例代码)
Jan 16 jQuery
使用typescript改造koa开发框架的实现
Feb 04 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 array_filter除去数组中的空字符元素
2020/06/21 PHP
解析php mysql 事务处理回滚操作(附实例)
2013/08/05 PHP
PHP中new static()与new self()的比较
2016/08/19 PHP
php数据库操作model类(使用__call方法)
2016/11/16 PHP
Laravel框架Eloquent ORM删除数据操作示例
2019/12/03 PHP
javascript数组去重小结
2016/03/07 Javascript
Jquery轮播效果实现过程解析
2016/03/30 Javascript
对象转换为原始值的实现方法
2016/06/06 Javascript
JS验证图片格式和大小并预览的简单实例
2016/10/11 Javascript
jquery dialog获取焦点的方法
2017/02/09 Javascript
js实现横向拖拽导航条功能
2017/02/17 Javascript
微信小程序五星评分效果实现代码
2017/04/06 Javascript
NodeJS创建最简单的HTTP服务器
2017/05/15 NodeJs
vue.js路由跳转详解
2017/08/28 Javascript
如何理解Vue的render函数的具体用法
2017/08/30 Javascript
基于ts的动态接口数据配置的详解
2019/12/18 Javascript
JavaScript实现密码强度实时验证
2020/03/18 Javascript
在Python中操作字典之clear()方法的使用
2015/05/21 Python
python绘制铅球的运行轨迹代码分享
2017/11/14 Python
[原创]windows下Anaconda的安装与配置正解(Anaconda入门教程)
2018/04/05 Python
python使用Flask操作mysql实现登录功能
2018/05/14 Python
TensorFlow tf.nn.softmax_cross_entropy_with_logits的用法
2020/04/19 Python
Python操作Word批量生成合同的实现示例
2020/08/28 Python
Python 利用Entrez库筛选下载PubMed文献摘要的示例
2020/11/24 Python
Python项目打包成二进制的方法
2020/12/30 Python
如何查找和删除数据库中的重复数据
2014/11/05 面试题
农村婚庆司仪主持词
2014/03/15 职场文书
2014教师研修学习体会
2014/07/08 职场文书
校长创先争优承诺书
2014/08/30 职场文书
影视广告专业求职信
2014/09/02 职场文书
2014最新开业庆典策划方案(5篇)
2014/09/15 职场文书
毕业生对母校寄语
2015/02/26 职场文书
离婚案件原告代理词
2015/05/23 职场文书
2016学校先进集体事迹材料
2016/02/29 职场文书
赞美教师的句子
2019/09/02 职场文书
js前端面试常见浏览器缓存强缓存及协商缓存实例
2022/06/21 Javascript