导航:首页 > 编程语言 > js文本框禁用

js文本框禁用

发布时间:2022-09-20 02:02:02

js 控制打开对话框文本框不可编辑

文本框不可以编辑可以用两个属性来控制:

  1. readonly,只读属性,文本可以选择、复制,但是不可以改变文本值

  2. disabled,不可选择、复制、改变文本值。

js控制打开对话框的时候,同时改变对话框中的文本框的属性即可。

jq方法

$("input[type=text]").prop('readonly','readonly');

或者

$("input[type=text]").prop('disabled','disabled');

② js禁用鼠标之后文本框不能点了但是按钮还是可以触发事件

要看到代码才知道是具体什么原因,有可能是以下几种:
1.js方法最好在页面加载完成后再运行,否则可能元素还没加载所以找不到。
2.你用document.all.……来取元素,部分浏览器不支持
3.用元素ID来取,但页面中存在ID相同的元素。
……

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

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

在varfir=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中的语句把"不"字去除。

④ 如何用Javascript使文本输入框变灰

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是可以提交的

⑤ js 禁止文本框输入任何内容 有光标

<input type="text" name="t1" value="no input" onkeydown="return false;" />

⑥ JavaScript 通过两个按钮禁用/启用文本框

<html>
<body>
<form name="f1">
<input type="text" name="t1" /><br />
<input type="button" value="启用" onClick="document.f1.t1.disabled=false;" />
<input type="button" value="禁用" onClick="document.f1.t1.disabled=true;" />
</form>
</body>
</html>

⑦ 谁可以给一段JS给我,文本框禁止输入空格、豆号、单引号(中英文符号)

<input onkeydown="if(event.keyCode==32||event.keyCode==188||event.keyCode==222){return false;}" />

:32
,:188
':222
不知道对应code是多少你可以<input onkeydown="alert(event.keyCode)" />在这个文本框中按键盘获得

⑧ JS怎么禁止文本框输入文字

要禁止文本框输入,那么就是说这个文本框只能被读即它应该有用readonly属性。

readonly属性是只读属性,表明当前的dom节点只能被读取。

用js的方法得到这个文本框节点,然后添加readonly属性,使其值等于="readonly"就可以了。

例如:

html
<inputid="aa"/>
js
varinput=document.getElementById("aa");
input.setAttribute("readonly","readonly");

以上就可以了

⑨ Js里文本框禁止输入某个文字要怎么写,比如禁止输入"文",这个要怎么写啊

可以在keyup等键盘事件内部进行判断处理,遇到“文”字就对文本框重新赋值。
内部判断的处理可以使用substr,substring,replace等方法。

⑩ javascript怎么禁止在文本框中输入

js禁止输入文本有两种写法,如下:

1、<input type="text" name="name" value="xxx" disabled="true"/>
2、<input type="text" name="name" value="xxx" readonly="true"/>

这两种写法都会使显示出来的文本框不能输入文字,但disabled会使文本框变灰,而且通过request.getParameter("name")得不到文本框中的内容(如果有的话),

而readonly只是使文本框不能输入,外观没有变化,而且通过request.getParameter("name")可以得到内容。

阅读全文

与js文本框禁用相关的资料

热点内容
win8修改公用网络 浏览:324
linuxlcrt 浏览:30
编程里res是什么意思 浏览:616
dm80082版本固件 浏览:37
苹果手机用什么可以打开psd文件 浏览:627
服务号和小程序的区别 浏览:888
360手机助手qq文件位置 浏览:693
如何学习数码编程 浏览:60
微信消息发布出去 浏览:377
windows文件名一个个消失 浏览:907
易语言设置文件所有者 浏览:197
iphone手机如何显示wifi密码 浏览:880
文山大数据 浏览:496
3dsrxtools怎么升级 浏览:903
乐高的机器人编程是用什么 浏览:542
neato怎么升级固件 浏览:637
苹果在qq上下载的文件在哪里可以找到 浏览:576
win10平板蓝牙鼠标 浏览:791
小精灵软件怎么导入数据 浏览:252
linux卸载sendmail 浏览:62

友情链接