`
fantaxy025025
  • 浏览: 1251008 次
  • 性别: 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>

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

相关推荐

    NTKO附件管理控件

    NTKO附件管理控件(多文件上传下载在线编辑扫描控件)是拥有完全独立知识产权的多附件上传控件.使用NTKO附件管理控件[多文件上传控件],能够在浏览器中启动原始文件对应的应用程序,对图像文件,OFFICE文件,文本文件,...

    NTKO文档在线编辑控件独立安装包4.0.6.5(适合TA2009\2010\2011版本)

    而且菜单项目可以通过javascript来控制允许或者禁止。 ★ 支持发布为HTML 发布为HTML的功能,可以让您将在线编辑的文档(WORD,EXCEL)以HTML的方式发布到WEB服务器。让没有安装控件的用户也能够方便的查看文档。 ★ ...

    NTKO文档在线编辑控件4.0.1.2

    而且菜单项目可以通过javascript来控制允许或者禁止。 12 支持发布为HTML 发布为HTML的功能,可以让您将在线编辑的文档(WORD,EXCEL)以HTML的方式发布到WEB服务器。让没有安装控件的用户也能够方便的查看文档。 ...

    客户端统一验证JavaScript函数库及示例源码

    使用ChkInputs.js,会将光标定位到验证不通过的控件上,若控件上有文本同时将其文本选中高亮度显示,不会刷新页面,只有当所有验证通过时才会将结果提交到后台处理,可以使用鼠标或纯键盘及相结合的方式来操作。...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    Chrome Frame 会把最新版的Chrome Webkit 内核和JavaScript 引擎注入到IE中, IE浏览器将获得Chrome的性能和功能 目录 摘要 I ABSTRACT II 专业名词清单 III 第一章 绪论 1 1.1 研究背景与意义 1 1.2国内外相关...

    asoft签到管理系统tykq3.5_build20110125

    15、修改了calendar.js,优化了日历选择控件样式和速度 16、修正了几处界面显示效果 17、在“私人定制界面”页面增加了“是否开启系统tips” (tips有时候很烦人……哥也深受其害 &gt;_&lt;)的功能。 [2009-11-27] v3.2...

    JAVA上百实例源码以及开源项目源代码

    发送消息,同时对文本进行少量修改,发送end-of-messages消息,最后关闭连接。 Tcp服务端与客户端的JAVA实例源代码 2个目标文件 摘要:Java源码,文件操作,TCP,服务器  Tcp服务端与客户端的JAVA实例源代码,一个简单...

    JAVA上百实例源码以及开源项目

    发送消息,同时对文本进行少量修改,发送end-of-messages消息,最后关闭连接。 Tcp服务端与客户端的JAVA实例源代码 2个目标文件 摘要:Java源码,文件操作,TCP,服务器  Tcp服务端与客户端的JAVA实例源代码,一个简单...

Global site tag (gtag.js) - Google Analytics