`
fantaxy025025
  • 浏览: 1311409 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

使得页面控件值不允许修改的方法(js)

阅读更多
   
    项目中遇到一个问题:不允许修改控件的值;为了不与原来的页面冲突,还需要在用户页面显示这几个控件;尽量减少改动;
    碰到的一个例子是:struts html:select标签,在用户点击修改时,表的主键不允许修改,但又需要显示给用户;

    开始用readonly,发现select就不起作用了;之后改成disabled,但表单不给server传值了(发现这个设计不太好吧,按理应该传给server,server用不用是他自己的事情);后来求助js,google一下,找了些思路,自己总结了一下,目前算是可以解决。

text标签可以用readonly
下面用select举例子:
1. disabled
   对于不给server传值的问题,我们可以用一个隐藏字段hidden。
   同时我还发现hidden具有优先权:即两个字段一样,hidden值被优先选择。
2. JavaScript:onclick方法
   发现这个方法有意思:点击下拉,就弹出alert,之后下拉列表就收回,这样用户就不能修改了。但随后测试发现,可以用键盘来改动(tab到下拉列表,之后用上下箭头来改动)
3. JavaScript:onfocus+onchange
   其实摸索过程还有琐屑:比如试过onkeydown等,总是有各种问题。
   最后选择方法:onfocus保存字段值,onchange提示用户不允许修改+还原值。
  
<SCRIPT language=JavaScript>
  var temp;
  function onFocu(obj){
  //alert("onfocus");
  temp = obj.value;
  }
 
  function onChan(obj){
  alert("主键不允许修改");
  obj.value = temp;
  }
</SCRIPT>

各位如果有更好的方法,记得留言。
交流使人进步!
分享到:
评论

相关推荐

    js日期控件及使用方法

    这篇内容将深入讲解JavaScript日期控件及其使用方法,结合提供的`jsDate.html`和`date.js`文件,我们将学习如何创建和自定义这样的控件。 1. **内置JavaScript日期对象** JavaScript提供了一个内置的`Date`对象,...

    JS时间控件,JS时间控件

    在网页开发中,JavaScript(JS)时间控件是一种常见的交互元素,它允许用户方便地选择日期和时间。这种控件通常用于表单填写、事件安排或任何需要用户输入时间信息的场景。本压缩包包含了一个JS时间控件的实现,包括...

    服务器控件DropDownList控实用JS获取选中项的值

    根据提供的信息,我们可以总结出以下关于“服务器控件 DropDownList 控件使用 JS 获取选中项的值”的详细知识点。 ### 一、服务器控件概述 在Web应用程序开发中,服务器控件是ASP.NET提供的一种用于创建动态网页的...

    常用日历js控件

    “常用日历js控件”指的是JavaScript编程语言中用于创建交互式日历的库或插件。JavaScript,作为一种客户端脚本语言,常被用于为网页增加动态功能,日历控件就是其中之一。这些控件通常轻量级、易于集成,并且能够...

    简单的JS日历控件

    "样式灵活多样,操作简便"这一特点意味着控件允许开发者根据网站的设计风格自定义外观,提供了多种主题或CSS样式供选择。同时,控件的API应该足够简单,使得开发人员可以轻松地调整其行为,如改变默认显示日期、设定...

    简单好看的js日历控件

    日历控件是JavaScript常见的一种功能组件,用于显示日期并允许用户方便地选择特定日期。在网页设计中,一个简单好看的js日历控件可以极大地提升用户体验,尤其是在需要用户输入或选择日期的场景。 创建一个js日历...

    提供三种JS日历控件,支持中英文

    本资源提供了三种JavaScript(JS)实现的日历控件,它们都支持中英文显示,使得全球用户都能方便地使用。下面我们将详细探讨这些日历控件以及如何在实际项目中应用它们。 1. **基础概念** - **HTML日历控件**:在...

    JS可拖动窗口控件,可实现各种DIV窗口自定义及各种DIV弹出提示框 带遮罩层的DIV窗口/对话框控件 js javascript 对话框

    本资源提供了一种解决方案,它是一个基于JavaScript和CSS的可定制对话框控件,允许开发者创建具有遮罩层效果的浮动窗口,以增强用户体验。 首先,"可拖动窗口控件"是指用户可以通过鼠标在页面上拖动窗口的位置,这...

    纯js日期控件,使用简单

    这个日期控件完全由JavaScript编写,不依赖jQuery或其他JavaScript框架,这使得它在项目中易于集成,同时减少了额外的文件加载,提高了页面加载速度。 2. **引入JS文件** 要使用这个日期控件,首先你需要在HTML...

    JS动态添加控件

    JavaScript(简称JS)是一种轻量级的脚本语言,广泛应用于网页和网络应用开发,能够对网页中的元素进行操作和交互。动态添加控件是JS的一个核心能力,它允许开发者在用户交互过程中或者程序运行时根据需要动态创建或...

    源代码——MFC的WebBrowser控件 C++与JavaScript之间数据交互传递

    WebBrowser控件支持IDispatch,使得我们可以通过这个接口调用JavaScript对象的方法或获取/设置其属性。 2. **IWebBrowser2接口**:这是WebBrowser控件的主要接口,通过这个接口我们可以控制浏览器的行为,如导航、...

    js自定义时间控件My97DatePicker

    【My97DatePicker:一款强大的JavaScript时间控件】 在网页开发中,时间控件是必不可少的元素,它为用户提供了直观、便捷的方式来选择日期和时间。My97DatePicker是一款广泛使用的JavaScript时间控件,以其出色的...

    开发asp.net常用js控件

    这些控件允许开发者在不刷新整个页面的情况下更新部分内容,提供更流畅的用户体验。 3. **KnockoutJS**:Knockout是一个MVVM(Model-View-ViewModel)库,用于实现数据绑定和依赖跟踪。在ASP.NET项目中,它可以与...

    日期控件——JS经典日期控件

    日期控件在网页开发中扮演着至关重要的角色,它允许用户方便地选择和输入日期,提高了用户界面的交互性和用户体验。"JS经典日期控件"是这样一款强大的工具,它以其丰富的可定制性,能够适应各种网站设计需求。在本文...

    非常好用的js日历控件,可换肤,带时间输入

    首先,"js日历控件"是指在网页中集成的JavaScript组件,允许用户方便地选择日期,常用于表单填写或事件预订等场景。这种控件通过JavaScript代码动态生成,可以在不刷新页面的情况下与用户进行交互,提高了用户体验。...

    JS代码小控件

    它允许开发者在不刷新整个页面的情况下更新内容、响应用户操作、处理数据以及创建各种各样的小控件。 在网页开发中,"小控件"通常指的是那些功能单一、易用且可复用的代码片段,比如日期选择器、滑块、下拉菜单、...

    js 日历控件 My97 DatePicker 功能强大 体积小巧

    **JS日历控件My97 DatePicker详解** My97 DatePicker是一款广受欢迎的JavaScript日历控件,以其轻量级的体积、丰富的功能和优雅的界面设计,深受开发者喜爱。这款控件适用于各种Web应用程序,无论是简单的日期选择...

    WillisHtml(SL内嵌HTML页面控件)

    总的来说,WillisHtml控件是Silverlight开发者的一个强大工具,它扩展了Silverlight应用的功能,使得在不离开Silverlight环境的情况下也能实现丰富的HTML交互。尽管Silverlight现在已被逐步淘汰,但在许多遗留项目中...

    JS年月选择控件

    5. **定制样式**:根据项目需求,可以修改Pikaday的默认CSS样式,使其与整体页面风格保持一致。 6. **其他配置**:Pikaday提供了许多其他配置项,如第一周的星期(`firstDay`)、是否显示今日按钮(`showToday`)等...

    css+js控件、提示层、滑动门

    在网页设计和开发中,CSS(层叠样式表)和JavaScript是两个不可或缺的工具,它们共同构建了丰富多样的交互式用户体验。在这个“css+js控件、提示层、滑动门”的主题中,我们将深入探讨这些技术如何用于创建动态的...

Global site tag (gtag.js) - Google Analytics