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


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 相关文章推荐
如何快速的呈现我们的网页的技巧整理
Jul 01 Javascript
Javascript和Java获取各种form表单信息的简单实例
Feb 14 Javascript
javascript替换已有元素replaceChild()使用介绍
Apr 03 Javascript
谷歌showModalDialog()方法不兼容出现对话窗口的解决办法
Feb 15 Javascript
js仿小米手机上下滑动效果
Feb 05 Javascript
Vue-Router进阶之滚动行为详解
Sep 13 Javascript
解决bootstrap-select 动态加载数据不显示的问题
Aug 10 Javascript
vue实现微信分享链接添加动态参数的方法
Apr 29 Javascript
基于Vue实现电商SKU组合算法问题
May 29 Javascript
搭建一个Koa后端项目脚手架的方法步骤
May 30 Javascript
在Vue中实现随hash改变响应菜单高亮
Mar 09 Javascript
vue3+typeScript穿梭框的实现示例
Dec 29 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下使用curl模拟用户登陆的代码
2010/09/10 PHP
php替换超长文本中的特殊字符的函数代码
2012/05/22 PHP
smarty模板中使用get、post、request、cookies、session变量的方法
2014/04/24 PHP
Zend Framework常用校验器详解
2016/12/09 PHP
一个javascript参数的小问题
2008/03/02 Javascript
addEventListener和attachEvent二者绑定的执行函数中的this不相同
2012/12/09 Javascript
JavaScript将数组转换成CSV格式的方法
2015/03/19 Javascript
基于javascript实现简单的抽奖系统
2020/04/15 Javascript
bootstrap警告框使用方法解析
2017/01/13 Javascript
jquery实现页面加载效果
2017/02/21 Javascript
在Vue中使用highCharts绘制3d饼图的方法
2018/02/08 Javascript
用p5.js制作烟花特效的示例代码
2018/03/21 Javascript
学习使用ExpressJS 4.0中的新Router的用法
2018/11/06 Javascript
在vue中使用axios实现post方式获取二进制流下载文件(实例代码)
2019/12/16 Javascript
用jQuery实现抽奖程序
2020/04/12 jQuery
js简单实现自动生成表格功能示例
2020/06/02 Javascript
python实现去除下载电影和电视剧文件名中的多余字符的方法
2014/09/23 Python
python类中super()和__init__()的区别
2016/10/18 Python
python实现停车管理系统
2018/11/30 Python
Python3实现爬虫爬取赶集网列表功能【基于request和BeautifulSoup模块】
2018/12/05 Python
通过python改变图片特定区域的颜色详解
2019/07/15 Python
python实现提取str字符串/json中多级目录下的某个值
2020/02/27 Python
浅析Python 责任链设计模式
2020/09/11 Python
Python3中对json格式数据的分析处理
2021/01/28 Python
Ryderwear澳洲官网:澳大利亚高端健身训练装备品牌
2018/09/18 全球购物
草莓网官网:StrawberryNET
2019/08/21 全球购物
澳大利亚宠物食品和用品商店:PETstock
2020/01/02 全球购物
人力资源专员岗位职责
2014/01/30 职场文书
开学典礼感言
2014/02/16 职场文书
致接力运动员广播稿
2014/02/17 职场文书
竞选大队干部演讲稿
2014/09/11 职场文书
收费员岗位职责
2015/02/14 职场文书
幼儿园辞职信范文
2015/02/27 职场文书
毕业实习单位意见
2015/06/04 职场文书
二年级数学教学反思
2016/02/16 职场文书
go语言中fallthrough的用法说明
2021/05/06 Golang