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


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拥有类似Lambda表达式编程能力的方法
Sep 12 Javascript
网页加载时页面显示进度条加载完成之后显示网页内容
Dec 23 Javascript
jquery批量设置属性readonly和disabled的方法
Jan 24 Javascript
D3.js实现饼状图的方法详解
Sep 21 Javascript
vue-router+vuex addRoutes实现路由动态加载及菜单动态加载
Sep 28 Javascript
JavaScript中字符串的常用操作方法及特殊字符
Mar 18 Javascript
JavaScript轮播停留效果的实现思路
May 24 Javascript
Typescript的三种运行方式(小结)
Sep 18 Javascript
微信小程序点击列表跳转到对应详情页过程解析
Sep 26 Javascript
Vue页面跳转传递参数及接收方式
Sep 09 Javascript
JavaScript 实现拖拽效果组件功能(兼容移动端)
Nov 11 Javascript
js前端图片加载异常兜底方案
Jun 21 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
php下使用strpos需要注意 === 运算符
2010/07/17 PHP
php获取指定(访客)IP所有信息(地址、邮政编码、国家、经纬度等)的方法
2015/07/06 PHP
PHP/HTML混写的四种方式总结
2017/02/27 PHP
php curl上传、下载、https登陆实现代码
2017/07/23 PHP
javascript 词法作用域和闭包分析说明
2010/08/12 Javascript
javascript setTimeout和setInterval计时的区别详解
2013/06/21 Javascript
jQuery中closest和parents的区别分析
2015/05/07 Javascript
解析JavaScript中的字符串类型与字符编码支持
2016/06/24 Javascript
前端js实现文件的断点续传 后端PHP文件接收
2016/10/14 Javascript
jquery获取select选中值的文本,并赋值给另一个输入框的方法
2018/08/21 jQuery
微信小程序自定义导航教程(兼容各种手机)
2018/12/12 Javascript
js获取form表单中name属性的值
2019/02/27 Javascript
如何基于js判断浏览器版本
2020/02/20 Javascript
javascript事件循环event loop的简单模型解释与应用分析
2020/03/14 Javascript
vue实现评价星星功能
2020/06/30 Javascript
Python 正则表达式入门(中级篇)
2016/12/07 Python
详解常用查找数据结构及算法(Python实现)
2016/12/09 Python
利用Python中的pandas库对cdn日志进行分析详解
2017/03/07 Python
Python读取txt某几列绘图的方法
2018/10/14 Python
Python实现EXCEL表格的排序功能示例
2019/06/25 Python
Python+AutoIt实现界面工具开发过程详解
2019/08/07 Python
详解python列表(list)的使用技巧及高级操作
2019/08/15 Python
Python如何把Spark数据写入ElasticSearch
2020/04/18 Python
使用 django orm 写 exists 条件过滤实例
2020/05/20 Python
python中 _、__、__xx__()区别及使用场景
2020/06/30 Python
python 调整图片亮度的示例
2020/12/03 Python
中国跨境电子商务网站:NewFrog
2018/03/10 全球购物
AutoShack.com加拿大:北美主要的汽车零部件零售商
2019/07/24 全球购物
会计专业自我鉴定范文
2013/10/06 职场文书
2014年大学生自我评价
2014/01/19 职场文书
应用心理学专业求职信
2014/08/04 职场文书
合同和协议有什么区别?
2014/10/08 职场文书
2014年驻村干部工作总结
2014/11/17 职场文书
毕业季聚会祝酒词!
2019/07/04 职场文书
Win11局域网共享权限在哪里设置? Win11高级共享的设置技巧
2022/04/05 数码科技
vue实现input输入模糊查询的三种方式
2022/08/14 Vue.js