×

js设置输入框不可编辑

js设置输入框不可编辑(Js怎么写能控制单元格不可修改)

admin admin 发表于2024-09-10 07:36:17 浏览5 评论0

抢沙发发表评论

其实js设置输入框不可编辑的问题并不复杂,但是又很多的朋友都不太了解Js怎么写能控制单元格不可修改,因此呢,今天小编就来为大家分享js设置输入框不可编辑的一些知识,希望可以帮助到大家,下面我们一起来看看这个问题的分析吧!

本文目录

Js怎么写能控制单元格不可修改

原生 javascript 示例 ( 表格+input ):

《table border="0" cellspacing="0" cellpadding="1" style="text-align: center;"》《tr》《td》《/td》《td》A《/td》《td》B《/td》《td》C《/td》《td》D《/td》《/tr》《tr》《td》1《/td》《td》《input type="text" id="A1"/》《/td》《td》《input type="text" id="B1"/》《/td》《td》《input type="text" id="C1"/》《/td》《td》《input type="text" id="D1"/》《/td》《/tr》《tr》《td》2《/td》《td》《input type="text" id="A2"/》《/td》《td》《input type="text" id="B2"/》《/td》《td》《input type="text" id="C2"/》《/td》《td》《input type="text" id="D2"/》《/td》《/tr》《tr》《td》3《/td》《td》《input type="text" id="A3"/》《/td》《td》《input type="text" id="B3"/》《/td》《td》《input type="text" id="C3"/》《/td》《td》《input type="text" id="D3"/》《/td》《/tr》《/table》 《span id="hints"》《/span》《script type="text/javascript"》function validCell(me){var thisid=me.id;//获取当前点击的输入单元格内的input框的idvar preId=thisid.substr(0,1)+(parseInt(thisid.substr(1),10)-1);//计算得上一行对应位置的input框的idvar preEle=document.getElementById(preId);//获取一行对应位置的input框对象if(preEle!=null){//如果存在上一行对应位置的inputif(preEle.value==""){//且 上一行对应位置的input已经输入了内容document.getElementById("hints").innerText="请先填写上一行对应的单元格: "+preId;me.setAttribute("readonly","true");//设置为不可}else{me.removeAttribute("readonly");//去除只读属性,使其可输入内容document.getElementById("hints").innerText="";//清除提示}}}《/script》《script type="text/javascript"》var inputs = document.getElementsByTagName("input");for (var i in inputs) {if(inputs.type=="text"){//为所有 input text 框添加点击事件inputs.setAttribute("onclick","validCell(this)");}}《/script》

能否用js判断 进入页面身份 使页面中的输入框变不可编辑

这个是可以判断的。

比如用jsp页面,判断方法如下:

  1. 在js代码中接收登陆者的session

    var user=’《%=sessions.getAttribute("username");%》’;

    if(user=="admin"){

       //比如是admin登陆,则让id=txt1 的文本框不可

       $("#txt1").attr("disabled",true);

    }else{//否则是其他登陆者,操作其他逻辑

    }

JS 对输入框进行限制(常用的都有)

本文为大家介绍下使用js对输入框进行限制 文本框只能输入数字代码 只能输入数字 只能输入字母和汉字 只能输入英文字母和数字等等 还有很多 感兴趣的可以学习下  

   文本框只能输入数字代码(小数点也不能输入)

复制代码 代码如下: 《input onkeyup="this value=this value replace(/\D/g )" onafterpaste="this value=this value replace(/\D/g )"》

   只能输入数字 能输小数点

复制代码 代码如下: 《input onkeyup="if(isNaN(value))execCommand( undo )" onafterpaste="if(isNaN(value))execCommand( undo )"》 《input name=txt onchange="if(/\D/ test(this value)){alert( 只能输入数字 );this value= ;}"》

   数字和小数点方法二

复制代码 代码如下: 《input type=text tvalue="" ovalue="" onkeypress="if(!this value match(/^?\d+(?:\ \d+)?|\ \d*?)?$/))this value=this o_value;else{if(this value match(/^\ \d+$/))this value= +this value;if(this value match(/^\ $/))this value= ;this ovalue=this value}"》

   只能输入字母和汉字

复制代码 代码如下: 《input onkeyup="value=value replace(//g ))" maxlength= name=Numbers》

   只能输入英文字母和数字 不能输入中文

复制代码 代码如下: 《input onkeyup="value=value replace(//ig )"》

   只能输入数字和英文《font color="Red"》chun《/font》

复制代码 代码如下: 《input onKeyUp="value=value replace(//g )"》

   小数点后只能有最多两位(数字 中文都可输入) 不能输入字母和运算符号:

复制代码 代码如下: 《input onKeyPress="if((event keyCode《 || event keyCode》 ) && event keyCode!= || /\ \d\d$/ test(value))event returnValue=false"》

   小数点后只能有最多两位(数字 字母 中文都可输入) 可以输入运算符号:

复制代码 代码如下: lishixinzhi/Article/program/Java/JSP/201311/20594

Js里怎么在input框里禁止输入某个文字

以下答案为纯原生(vanilla Javascript)方法,实际可以用react、vue之类的库,通过数据绑定的方法实现这种功能。我用的是ECMAScript6的写法,其中let, const关键字老版本IE可能不识别,可以全部换成var。

在var fir = document.getElementById("fir")语句后面加入


function inputHandler (e) {

    e.target.value = e.target.value.replace(/不/g, ’’)

}

let _debounceTimerId

function debounce (f, ms) {

    const self = this

    return function() {

        const args = arguments

        _debounceTimerId && clearTimeout(_debounceTimerId)

        _debounceTimerId = setTimeout(function() {

            f.apply(self, args)

        }, ms)

    }

}

fir.addEventListener(’input’, debounce(inputHandler, 50))


解释:

1、使用HTMLInputElement实例的input事件,该事件在每次键入后都会触发

2、中文输入法在单次键入后,会多次触发input事件,两次触发间隔大概在1-2ms左右

3、为了防止多次触发,需要使用debounce(不知道怎么翻译,暂且用数字电路的“限制抖动”的概念吧),我上面写了一个我自己编的debounce函数,实际可以用现成的库函数,比如Lodash的_.debounce()

4、debounce(inputHandler, 100) 会保证抖动结束100ms后,运行inputHandler中的语句把"不"字去除。

在JS里面怎么让input(text)不能输入值

在js中input标签禁止输入的方法有:

  1. readonly规定输入字段为只读可复制,但是,用户可以使用Tab键切换到该字段,可选择,可以接收焦点,还可以选中或拷贝其文本。

    《input type="text" value="哈哈哈" readonly="readonly"》

  2. disabled   被禁用的 input 元素可复制,不能接收焦点,设置后文字的颜色会变成灰色。无法与 《input type="hidden"》 一起使用。

    《input type="text" value="哈哈哈" disabled="disabled"》

  3. 通过控制input的max length为0实现。

    《input type="text"  maxlength="0"》

  4. onfocus="this.blur();"onfocuse是聚焦的意思,当你把光标放在文本框上输入的时候,就是聚焦,但这里添加了"this.blur()",blur的作用就是去除聚焦,也就是你不能把光标放在这个文本框上,换句话说就是你不能输入文本了 。

    《input type="text" value="哈哈哈" onfocus="this.blur();"》

拓展资料:

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

如何在js里控制jsp中的table表格中input框变灰不可输

jsp中的table表格中input框变灰不可输入的方法是:比如有个table的id是tbl,那么就可以用以下代码控制所有的input框无法输入:$("#tbl").find("input,button,textarea,select").attr("disabled", "disabled");

文章分享结束,js设置输入框不可编辑和Js怎么写能控制单元格不可修改的答案你都知道了吗?欢迎再次光临本站哦!