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


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精华代码集
Jan 24 Javascript
jquery 插件开发方法小结
Oct 23 Javascript
jquery 的 $(&quot;#id&quot;).html() 无内容的解决方法
Jun 07 Javascript
提高javascript效率 一次判断,而不要次次判断
Mar 30 Javascript
JavaScript实现简单的时钟实例代码
Nov 23 Javascript
多种方法实现360浏览器下禁止自动填写用户名密码
Jun 16 Javascript
浅谈Javascript 数组与字典
Jan 29 Javascript
使用impress.js制作幻灯片
Sep 09 Javascript
原生js实现autocomplete插件
Apr 14 Javascript
JS集成fckeditor及判断内容是否为空的方法
May 27 Javascript
Vue3为什么这么快
Sep 23 Javascript
Openlayers显示地理位置坐标的方法
Sep 28 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
PHPnow安装服务[apache_pn]失败的问题的解决方法
2010/09/10 PHP
PHP读取XML值的代码(推荐)
2011/01/01 PHP
apache和PHP如何整合在一起
2015/10/12 PHP
ThinkPHP静态缓存简单配置和使用方法详解
2016/03/23 PHP
php 读取输出其他文件的实现方法
2016/07/26 PHP
Display SQL Server Login Mode
2007/06/21 Javascript
Javascript this关键字使用分析
2008/10/21 Javascript
使用JQuery和s3captche实现一个水果名字的验证
2009/08/14 Javascript
javascript 类定义的4种方法
2009/09/12 Javascript
jQuery生成asp.net服务器控件的代码
2010/02/04 Javascript
javascript修改IMG标签的src问题
2014/03/28 Javascript
JS实现自定义简单网页软键盘效果代码
2015/11/05 Javascript
js添加绑定事件的方法
2016/05/15 Javascript
基于zepto.js简单实现上传图片
2016/06/21 Javascript
Bootstrap Table服务器分页与在线编辑应用总结
2016/08/08 Javascript
domReady的实现案例
2016/11/23 Javascript
jQuery 常见小例汇总
2016/12/14 Javascript
详解nodejs 文本操作模块-fs模块(二)
2016/12/22 NodeJs
codeMirror插件使用讲解
2017/01/16 Javascript
angular.fromJson与toJson方法用法示例
2017/05/17 Javascript
JavaScript Date对象应用实例分享
2017/10/30 Javascript
vue-cli构建vue项目的步骤详解
2019/01/27 Javascript
解决vue跨域axios异步通信问题
2019/04/17 Javascript
用javascript实现倒计时效果
2021/02/09 Javascript
[03:39]2015国际邀请赛主赛事首日精彩回顾
2015/08/05 DOTA
Python基础学习之常见的内建函数整理
2017/09/06 Python
详解用python实现简单的遗传算法
2018/01/02 Python
python开启debug模式的方法
2019/06/27 Python
Django+Django-Celery+Celery的整合实战
2021/01/20 Python
John Hardy官方网站:手工设计首饰的奢侈品牌
2017/07/05 全球购物
WINDOWS域的具体实现方式是什么
2014/02/20 面试题
保卫钓鱼岛口号
2014/06/20 职场文书
公司停电通知
2015/04/15 职场文书
校园音乐节目广播稿
2015/08/19 职场文书
新员工实习期个人工作总结
2015/10/15 职场文书
五年级语文教学反思
2016/03/03 职场文书