在JavaEE Web项目开发当中,我们经常会遇到需要禁止文本框输入的情况,或者是为了不允许用户修改,也或者是为了提供一个更佳的用户体验,因此如何在JSP页面中用JavaScript禁用文本框或者禁止文本框的输入则显得很实用。本文提供以下几种方法仅供参考:
方法1、设置文本框的ReadOnly选项
<input type="text" value="此处文本不可修改" readonly/>
在JavaScript中,可以使用以下代码启用或禁用问框框的输入功能:
document.all.textInputID.readOnly = false;
采用这种方法的好处是在基于SSH(Struts + Spring + HIbernate)框架的设计中,我们能够通过Form调用到该文本框。当然,其它方法也调用不到,本文结尾处将略作介绍。
方法2、设置文本框的Disable属性
<input type="text" value="该文本框不可用" disabled/>
相应的JavaScript代码如下:
document.all.textInputID.disabled = true;
方法3、在对象focus时立刻让它blur,使它无法获得焦点
<input type="text" value="onfocus=this.blur()" onfocus="this.blur()"/>
提示:readonly和disabled的区别在于后者完全禁止与该对象的交互(表现为不可改写、不可提交等),而readonly是可以提交的
关于如何让对象得不到焦点,主要的事件或方法有:
onfocus当对象获得焦点时触发。
focus使对象得到焦点。
onblur在对象失去输入焦点时触发。
blur模糊对象的内容以便使其看起来失去焦点。
分享到:
相关推荐
JSP限制文本框输入条件,比如只能输入数字,字符. 不能输入中文等.
js完美解决jsp文本框限制只能输入数字、小数问题,只需 ;" oncontextmenu="return false;" onKeyDown="keyNumDown(this, '8', '2')"> oncontextmenu="return false;" oncontextmenu="return false;":防止右键粘贴
主要编写关于获取一个name值,document.getElementsByName()方法获取。
清除文本框上次输入值的历史记录, 在做开发时,有时输入文本框时,会哏出历史记录,让 人很讨厌.
JSP中使用JavaScript动态插入删除输入框实现代码.docx
JSP编写的万年历,满足文本框日历要求,不错的万年历
jsp文本框的一些小技巧,帮助你的文本框变靓。
JAVASCRIPT 树形菜单 JSP JSP项目中JAVASCRIPT 树形菜单
JSP入门,文本框 文本域 单选框 复选框示范。 可在TOMCAT上运行。
javascript 双击文本框编辑功能代码 input.t {border:1px solid #fff;background:#fff;} input.s {border:1px solid #369;background:#fff;} [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
最近在做一个项目中遇到这样一个问题,要对文本框中用户输入的文字进行记数,在下面显示出来,因为我们做的是一个短信发送平台,现在我们国家的短信服务,如果你的信息超过了70个字符,短信就会按二条给你下发。...
JSP禁用缓存常用方法 该方法不错哦!
js文本框时间控件,点击输入框后出现日历选择框的JS控件。
java合集(包括java,jsp,j2ee javascript)java合集(包括java,jsp,j2ee javascript)java合集(包括java,jsp,j2ee javascript)java合集(包括java,jsp,j2ee javascript)java合集(包括java,jsp,j2ee ...
jsp javascript打印九九乘法表代码.docx
5.设计一个网页,输入一串用英文逗号分隔的数字字符串。编写程序,输出找出该组数中的最大、最小值、和 。并按从大到小排序后的输出结果(以逗号分隔)。 6. 要求用户在文本框中年份,点击判断按钮,用alert函数输出...
文本框设置默认值和验证提交 文本框设置默认值和验证提交 文本框设置默认值和验证提交 文本框设置默认值和验证提交 文本框设置默认值和验证提交
通过Java Server Pages(JSP)和Javascfipt相结合的...这种方法主要是将由JSP数据库端传来的相关信息“预存”到JavaScfipt函数中,利用JavaScfipt函数在客户端执行来动态交换信息且减少网络流量,减少对数据库的访问次数
富文本框 JSP版本 可以预览 可以全屏输入
在jsp中嵌入视频播放器。