js 使FORM表单的所有元素不可编辑的示例代码

更新时间：2013年10月17日 18:00:53 作者：

使FORM表单的的所有元素不可编辑的方法有很多，在本文将为大家详细介绍下，js是如何做到的，感兴趣的朋友不要错过

 
//使页面不可编辑 
function disableOcx() { 
var form = document.forms[0]; 
for ( var i = 0; i < form.length; i++) { 
var element = form.elements[i]; 
//部分元素可以编号 element.name 是元素自定义 name 
if (element.name != "auditEntity.auditContent" 
&& element.name != "auditEntity.auditAutograph" 
&& element.name != "auditEntity.auditTime" 
&& element.name != "auditEntity.auditState" 
&& element.name != "submitBtn" 
&& element.name != "reset" 
&& element.name != "id" 
&& element.name != "processInstanceId" 
&& element.name != "updateForm") { 
element.disabled = "true"; 
} 
} 
} 
window.onload = disableOcx;//当页面加载的时候执行此函数 

//取消不可编辑 
function noDisable() { 
var form = document.forms[0]; 
for ( var i = 0; i < form.length; i++) { 
var element = form.elements[i]; 
element.disabled = false; 
} 
} 

您可能感兴趣的文章:

js禁止浏览器页面后退功能的实例(推荐)
下面小编就为大家带来一篇js禁止浏览器页面后退功能的实例(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-09-09
15个用于开发的TypeScript高级技巧分享
这篇文章主要来和大家分享一下15个用于开发的TypeScript高级技巧，文中的示例代码讲解详细，具有一定的学习价值，感兴趣的小伙伴可以了解一下
2023-07-07
解决IE下select标签innerHTML插入option的BUG（兼容IE,FF,Opera,Chrome,Safa
在ie下面使用innerHTML来插入option选项的话，ie会去掉前面的<option>，并拆分成多个节点，这样会造成select的出错
2010-05-05
javascript实现图片预加载和懒加载
这篇文章主要为大家详细介绍了javascript实现图片预加载和懒加载，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-03-03
一篇文章带你了解JavaScript的解构赋值
这篇文章主要为大家介绍了JavaScript的解构赋值，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
2022-01-01
基于Marquee.js插件实现的跑马灯效果示例
这篇文章主要介绍了基于Marquee.js插件实现的跑马灯效果,结合实例形式给出了Marquee.js插件的定义及具体使用方法,需要的朋友可以参考下
2017-01-01
扩展javascript的Date方法实现代码(prototype)
长期从事C#的开发，被C#影响着我的思维。C#中DateTime的操作就很方便，于是就参考它对js的Date做了扩展。
2010-11-11
input输入框的自动匹配(原生代码)
功能要求:使用原生代码实现，不可使用任何框架、只针对英文字符进行匹配，并且匹配到的内容在菜单中加粗、通过键盘上的上下箭头可以对菜单进行选择等等，感兴趣的你可以参考下
2013-03-03
uni-app 组件里面获取元素宽高的实现
这篇文章主要介绍了uni-app 组件里面获取元素宽高的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-12-12
javascript中html字符串转化为jquery dom对象的方法
最近项目需求要开发百度地图相关的一个应用，需要从硬编码的html字符串中提取自己想要的元素以及属性信息，由于在js中或者jq中操作元素节点以及属性都是使用dom对象或者jq对象。下面介绍javascript中html字符串转化为jquery dom对象的方法，需要的朋友可以参考下
2015-08-08