`

JSP中如何用JavaScript禁用文本框(禁止文本框输入)

    博客分类:
  • jsp
jsp 
阅读更多
在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模糊对象的内容以便使其看起来失去焦点。
分享到:
评论

相关推荐

    清除文本框上次输入值的历史记录

    在进行Web应用或者桌面应用开发时,用户可能会遇到在文本框(TextBox)中输入时,系统自动填充之前输入过的值,这种功能有时被称为输入历史记录或自动补全。这种特性虽然在某些场景下能提高用户体验,例如填充用户名...

    jsp文本框小技巧、特效

    **技巧描述:** 创建一个禁用状态的文本框,用户无法在其内输入或编辑内容。 **代码实现:** ```html ``` **解析:** 通过`disabled`属性设置文本框为禁用状态。 以上就是关于JSP文本框的一些实用小技巧和特效...

    jQuery 文本文本框输入字符限制插件.

    此外,标签中提到的"php"和"jsp"表明这个插件不仅可以与静态的 HTML 和 JavaScript 配合使用,还可以应用于动态服务器端语言生成的页面。在 PHP 或 JSP 中,你可以将服务器端获取的数据填入文本框,并通过 ...

    富文本框 JSP版本 可以预览 可以全屏输入

    在JSP中,可以使用JavaScript或jQuery库来实现这些功能,因为它们能提供交互性和动态更新的能力。 本项目中的富文本框可能采用了名为KindEditor的库,这是一个开源的富文本编辑器,支持多种语言,包括中文,且具有...

    ckeditor文本框控件

    在Java环境中,可以通过Maven或Gradle导入依赖,然后在JSP或Spring MVC等框架中使用。 4. **使用步骤** - 下载CKEditor压缩包,解压后获取所需的JS和CSS文件。 - 在HTML页面中引入CKEditor的JS和CSS文件。 - ...

    jsp中fck的使用

    在JSP页面的`&lt;body&gt;`部分,找到对应的文本框,然后使用JavaScript进行初始化: ```html &lt;textarea id="myEditor" name="myEditor"&gt;&lt;/textarea&gt; &lt;script type="text/javascript"&gt; var oFCKeditor = new FCKeditor...

    其他类别网页中文本框自校验的标签-input-project

    在这个项目中,我们将用JSP来创建动态网页,并通过Java代码来实现文本框的自校验功能。 首先,我们需要在HTML中定义文本框。`&lt;input&gt;`标签是最基本的元素,用于创建各种类型的输入控件。例如,创建一个文本输入框...

    JS实现点击复选框将按钮或文本框变为灰色不可用的方法

    另外,使用JavaScript设置复选框默认未被选中,确保表单初始时按钮是禁用的。 通过上述方法,我们就可以实现点击复选框将按钮或文本框变为灰色不可用的功能。这种动态交互的设计使得网站在用户体验上更为友好,也...

    [其他类别]网页中文本框自校验的标签_input.zip

    这段代码监听`email`文本框的输入事件,当用户输入时,向`validateEmail.jsp`发送一个包含邮箱值的POST请求。服务器处理请求后返回“invalid”或空字符串,前端根据响应更新错误提示。 总结起来,网页中文本框的自...

    Java web网页计算器,简单实用,2种逻辑实现

    通过这两个计算器实例,开发者可以深入理解JSP与JavaScript在Web应用中的协同工作,以及如何处理用户输入和反馈。同时,这也是一个学习和实践HTTP请求、服务器端逻辑、客户端脚本以及前端交互的好机会。对于初学者,...

    E9流程表单前端接口API(2021)

    ### E9流程表单前端接口API(2021)详解 #### 1. 说明 ##### 1.1 简介 E9流程表单前端接口API是一套专门为...这些接口涵盖了从基本的文本输入到复杂的表格操作等各个方面,旨在满足开发人员在实际项目中的多样化需求。

    strtus1_html标签

    - `maxlength`:限制用户可以在文本框中输入的最大字符数。 - `readonly`:设置文本框是否为只读模式。 - `size`:定义文本框的尺寸(即可见字符数)。 - `style` 和 `styleClass`:分别为自定义CSS样式和附加...

    ajax技术验证用户

    用户在输入用户名的文本框中输入完毕后(触发 `onblur` 事件),会调用 JavaScript 函数 `chkUserName()`。这个函数的主要任务是构造一个包含当前用户名的请求 URL,并初始化一个 AJAX 请求。 `...

    struts1-html标签

    - JavaScript事件处理程序属性:如`onblur`、`onchange`等,用于定义用户与文本框交互时触发的JavaScript函数。 #### 三、`&lt;html:button&gt;`标签解析 `&lt;html:button&gt;`标签用于创建按钮。 **基本用法**: - **必需...

    课题jQueryLigerUI使用教程入门篇.pdf

    5. 获取和管理LigerUI对象:如果需要在后续操作中使用LigerUI对象,可以将其保存在一个全局变量中,或者使用`$.fn.ligerGetTextBoxManager`等方法获取。 6. 查阅API文档:为了了解更多参数和方法的设置,可以参考...

    CKEditor配置好的MyEclipse实例

    3. **引入CKEditor到页面**:在需要使用CKEditor的JSP或HTML页面中,通过`&lt;script&gt;`标签引入CKEditor的JavaScript文件。例如: ```html &lt;script src="ckeditor/ckeditor.js"&gt;&lt;/script&gt; ``` 4. **初始化CKEditor*...

    Java-Fckeditor的使用

    在JSP页面中,通过JavaScript代码实例化FCKeditor对象,指定要替换的文本框ID。例如: ```javascript &lt;script type="text/javascript"&gt; var oFCKeditor = new FCKeditor('editorField') ; oFCKeditor.BasePath ...

    课题-jQuery-LigerUI-使用教程入门篇.doc

    在实际使用中,LigerUI遵循插件化的开发模式,每个控件都尽可能独立,同时支持拓展和组合,以实现复杂功能。例如,以下是一个简单的LigerTextBox使用示例: ```html &lt;title&gt;&lt;/title&gt; 路径/to/ligerUI/skins/Aqua...

    课题-jQuery-LigerUI-使用教程入门篇.docx

    在这个例子中,`$("#txt1").ligerTextBox()`将一个HTML文本框转换为LigerTextBox对象,`setDisabled()`和`setEnabled()`方法用于控制文本框的禁用状态,而`bind('changeValue', function (value) {...})`则用于监听...

Global site tag (gtag.js) - Google Analytics