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


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读取ASP设定的COOKIE
Feb 15 Javascript
Cookie 注入是怎样产生的
Apr 08 Javascript
Extjs根据条件设置表格某行背景色示例
Jul 23 Javascript
jquery bind(click)传参让列表中每行绑定一个事件
Aug 06 Javascript
node中socket.io的事件使用详解
Dec 15 Javascript
jQuery绑定事件的几种实现方式
May 09 Javascript
基于angularjs实现图片放大镜效果
Aug 31 Javascript
webpack构建react多页面应用详解
Sep 15 Javascript
使用mock.js随机数据和使用express输出json接口的实现方法
Jan 07 Javascript
JS实现用特殊符号替换字符串的中间部分区域的实例代码
Jul 24 Javascript
bootstrap datepicker的基本使用教程
Jul 09 Javascript
Vue+element+cookie记住密码功能的简单实现方法
Sep 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
利用curl 多线程 模拟 并发的详解
2013/06/14 PHP
PHP中如何实现常用邮箱的基本判断
2014/01/07 PHP
PHP中error_log()函数的使用方法
2015/01/20 PHP
javascript SocialHistory 检查访问者是否访问过某站点
2008/08/02 Javascript
js form 验证函数 当前比较流行的错误提示
2009/06/23 Javascript
基于JQuery的密码强度验证代码
2010/03/01 Javascript
Jquery实现视频播放页面的关灯开灯效果
2013/05/27 Javascript
基于pthread_create,readlink,getpid等函数的学习与总结
2013/07/17 Javascript
一个不错的仿携程自定义数据下拉选择select
2014/09/01 Javascript
jQuery手动点击实现图片轮播特效
2020/04/20 Javascript
Javascript获取随机数的实现方法
2016/06/22 Javascript
jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】
2017/03/03 Javascript
js实现鼠标单击Tab表单切换效果
2018/05/16 Javascript
JavaScript格式化json和xml的方法示例
2019/01/22 Javascript
深入理解Puppeteer的入门教程和实践
2019/03/05 Javascript
layer弹出层扩展主题的方法
2019/09/11 Javascript
自己使用总结Python程序代码片段
2015/06/02 Python
Python 爬虫学习笔记之正则表达式
2016/09/21 Python
Python使用cx_Freeze库生成msi格式安装文件的方法
2018/07/10 Python
python简单实现矩阵的乘,加,转置和逆运算示例
2019/07/10 Python
python的pygal模块绘制反正切函数图像方法
2019/07/16 Python
python yield关键词案例测试
2019/10/15 Python
python实现贪吃蛇双人大战
2020/04/18 Python
Python垃圾回收机制三种实现方法
2020/04/27 Python
django正续或者倒序查库实例
2020/05/19 Python
详解CSS3中强大的filter(滤镜)属性
2017/06/29 HTML / CSS
德国前卫设计师时装在线商店:Luxury Loft
2019/11/04 全球购物
JAVA中的关键字有什么特点
2014/03/07 面试题
中专生学习生活的自我评价分享
2013/10/27 职场文书
董事长助理工作职责范本
2014/07/01 职场文书
失职检讨书大全
2015/01/26 职场文书
学习与创新自我评价
2015/03/09 职场文书
新闻稿怎么写
2015/07/18 职场文书
工程移交协议书
2016/03/24 职场文书
本地通过nginx配置反向代理的全过程记录
2021/03/31 Servers
如何解决springcloud feign 首次调用100%失败的问题
2021/06/23 Java/Android