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


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注册系统ajax
Jul 09 Javascript
Iframe thickbox2.0使用的方法
Mar 05 Javascript
autoPlay 基于jquery的图片自动播放效果
Dec 07 Javascript
javascript同页面多次调用弹出层具体实例代码
Aug 16 Javascript
js获取判断上传文件后缀名的示例代码
Feb 19 Javascript
JS字符串的切分用法实例
Feb 22 Javascript
angular.js分页代码的实例
Jul 27 Javascript
简单实现js上传文件功能
Aug 21 Javascript
微信小程序与公众号卡券/会员打通的问题
Jul 25 Javascript
layui实现鼠标移动到单元格上显示数据的方法
Sep 11 Javascript
JS Thunk 函数的含义和用法实例总结
Apr 08 Javascript
利用JavaScript为句子加标题的3种方法示例
Jan 05 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
Search Engine Friendly的URL设计
2006/10/09 PHP
ThinkPHP视图查询详解
2014/06/30 PHP
Yii2框架制作RESTful风格的API快速入门教程
2016/11/08 PHP
PHP中通过getopt解析GNU C风格命令行选项
2019/11/18 PHP
用JavaScript仿PS里的羽化效果代码
2011/12/20 Javascript
关于jQuery object and DOM element
2013/04/15 Javascript
用显卡加速,轻松把笔记本打造成取暖器的办法!
2013/04/17 Javascript
图片动画横条广告带上下滚动可自定义图片、链接等等
2013/10/20 Javascript
基于jquery和svg实现超炫酷的动画特效
2014/12/09 Javascript
基于JavaScript实现鼠标箭头移动图片跟着移动
2016/08/30 Javascript
前端js实现文件的断点续传 后端PHP文件接收
2016/10/14 Javascript
vue-prop父组件向子组件进行传值的方法
2018/03/01 Javascript
详解ECMAScript typeof用法
2018/07/25 Javascript
JS实现字符串翻转的方法分析
2018/08/31 Javascript
vue 刷新之后 嵌套路由不变 重新渲染页面的方法
2018/09/13 Javascript
微信小程序实现订单倒计时
2020/11/01 Javascript
vue3.0中使用postcss-pxtorem的具体方法
2019/11/20 Javascript
JavaScript实现简单随机点名器
2019/11/21 Javascript
webpack 如何同时输出压缩和未压缩的文件的实现步骤
2020/06/05 Javascript
基于javascript处理nginx请求过程详解
2020/07/07 Javascript
[02:56]DOTA2亚洲邀请赛 VG出场战队巡礼
2015/02/07 DOTA
[40:03]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#1EHOME VS Archon
2016/03/02 DOTA
[01:29:42]Liquid vs VP Supermajor决赛 BO 第一场 6.10
2018/07/05 DOTA
对python过滤器和lambda函数的用法详解
2019/01/21 Python
Django实现CAS+OAuth2的方法示例
2019/10/30 Python
Pycharm最新激活码2019(推荐)
2019/12/31 Python
解决Pycharm的项目目录突然消失的问题
2020/01/20 Python
python实现遍历文件夹图片并重命名
2020/03/23 Python
python 抓取知乎指定回答下视频的方法
2020/07/09 Python
Python如何实现Paramiko的二次封装
2021/01/30 Python
校园安全广播稿
2014/02/08 职场文书
运动会通讯稿150字
2014/02/15 职场文书
安全口号大全
2014/06/21 职场文书
公司授权委托书范文
2014/09/21 职场文书
安装工程师岗位职责
2015/02/13 职场文书
党支部考察鉴定意见
2015/06/02 职场文书