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


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 相关文章推荐
JS查看对象功能代码
Apr 25 Javascript
用XMLDOM和ADODB.Stream实现base64编码解码实现代码
Nov 28 Javascript
用js来刷新当前页面保留参数的具体实现
Dec 23 Javascript
浅谈js中变量初始化
Feb 03 Javascript
js中字符串编码函数escape()、encodeURI()、encodeURIComponent()区别详解
Apr 01 Javascript
DOM操作和jQuery实现选项移动操作的简单实例
Jun 07 Javascript
CSS3 media queries结合jQuery实现响应式导航
Sep 30 Javascript
JS瀑布流实现方法实例分析
Dec 19 Javascript
JavaScript中Math对象的方法介绍
Jan 05 Javascript
基于 Vue 实现一个酷炫的 menu插件
Nov 14 Javascript
Vue.js进阶知识点总结
Apr 01 Javascript
vue 根据选择的月份动态展示日期对应的星期几
Feb 06 Vue.js
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判断表单复选框选中状态完整例子
2014/06/24 PHP
laravel实现批量更新多条记录的方法示例
2017/10/22 PHP
PHP MVC框架中类的自动加载机制实例分析
2019/09/18 PHP
javascript 一个自定义长度的文本自动换行的函数
2007/08/19 Javascript
非阻塞动态加载javascript广告实现代码
2010/11/17 Javascript
用javascript判断IE版本号简单实用且向后兼容
2013/09/11 Javascript
js中通过split函数分割字符串成数组小例子
2013/09/21 Javascript
input禁止键盘及中文输入,但可以点击
2014/02/13 Javascript
jQuery获取radio选中项的值实例
2016/06/18 Javascript
JS for...in 遍历语句用法实例分析
2016/08/24 Javascript
移动端使用localStorage缓存Js和css文的方法(web开发)
2016/09/20 Javascript
JS产生随机数的用法小结
2016/12/10 Javascript
servlet+jquery实现文件上传进度条示例代码
2017/01/25 Javascript
jquery DataTable实现前后台动态分页
2017/06/17 jQuery
Vue数字输入框组件的使用方法
2019/10/19 Javascript
javascript设计模式 ? 外观模式原理与用法实例分析
2020/04/15 Javascript
Vue中添加滚动事件设置的方法详解
2020/09/14 Javascript
[01:11:11]Alliance vs RNG 2019国际邀请赛淘汰赛 败者组BO1 8.20.mp4
2020/07/19 DOTA
python在windows命令行下输出彩色文字的方法
2015/03/19 Python
Python实现模拟分割大文件及多线程处理的方法
2017/10/10 Python
python 递归深度优先搜索与广度优先搜索算法模拟实现
2018/10/22 Python
Django框架用户注销功能实现方法分析
2019/05/28 Python
Python Web静态服务器非堵塞模式实现方法示例
2019/11/21 Python
Tensorflow 多线程与多进程数据加载实例
2020/02/05 Python
Python批量启动多线程代码实例
2020/02/18 Python
Python xlwt模块使用代码实例
2020/06/10 Python
Django Session和Cookie分别实现记住用户登录状态操作
2020/07/02 Python
Django创建一个后台的基本步骤记录
2020/10/02 Python
美国婚礼和派对礼品网站:Kate Aspen(新娘送礼会、迎婴派对)
2018/03/28 全球购物
圣诞树世界:Christmas Tree World
2019/12/10 全球购物
企业面试题试卷附带答案
2015/12/20 面试题
婚礼秀策划方案
2014/05/19 职场文书
农村党支部书记四风问题个人对照检查材料
2014/09/21 职场文书
企业安全生产检查制度
2015/08/06 职场文书
涨工资申请书应该怎么写?
2019/07/08 职场文书
CPU不支持Windows11系统怎么办
2021/11/21 数码科技