js限制输入内容_在JS里面怎么让input(text)不能输入值

㈠巧用Reactjs来限制输入框的输入值

1.限制输入框只能填写数字
大家都知道，在输入框限制只能输入数字用JS的来判断要考虑的情况比较多，比如中文切换，复制粘贴限制，用reactJS来实现很简单

2.限制输入框的字数

3.即时显示还可以输入多少个字

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

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

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

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

例如：

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

以上就可以了

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

㈣ js验证如何限制文本框只能输入数字

js进行数据校验使用正则表达式会简单很多，如下所示：

1.js验证只能输入数字:

具体代码如下：

function check_validate(value){

var reg = /^(/d{3,4})-(/d{7,8})/;

if( value.constructor === String ){ // 判断传入的是否是字符串

var re = value.match( reg );

return true;

}

return false;

}

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

js禁止文本框输入用'disabled'限制。
//HTML代码
<input type="text" id="text001" value="123"/>

//jQuery代码
$(function(){
$('#text001').attr('disabled',true);
});

要禁止输入其实可以不用js都可以做到
input有个属性readonly是用来设置文本框为只读的
只需要添加readonly='readonly'
就可以不让文本框输入文字了
例如<input type='text' readonly='readonly'/>

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

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

readonly规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。
<input type="text" value="哈哈哈" readonly="readonly">
disabled 被禁用的 input 元素可复制，不能接收焦点,设置后文字的颜色会变成灰色。无法与 <input type="hidden"> 一起使用。
<input type="text" value="哈哈哈" disabled="disabled">
通过控制input的max length为0实现。
<input type="text" maxlength="0">
onfocus="this.blur();"onfocuse是聚焦的意思，当你把光标放在文本框上输入的时候，就是聚焦，但这里添加了"this.blur()"，blur的作用就是去除聚焦，也就是你不能把光标放在这个文本框上，换句话说就是你不能输入文本了。
<input type="text" value="哈哈哈" onfocus="this.blur();">

拓展资料：

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

㈦ 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 如何限制中文字符输入字数

1、在html中定义一个input输入框，给输入框设置一个id值
2、在输入框绑定一个onkeydown事件
3、定义onkeydown事件发生时的处理函数controlLen
4、在controlLen函数中检查input输入框的输入值长度n
5、当大于规定的字符长度时，利用字符串的substring重新截取输入值的前n个值，重新赋值给input框，同时alert提示。
示例：

js代码：<script type="text/javascript"> function controlLen(){ //获取input输入框元素 var inputText = document.getElementById('mytext').value; if(inputText.length > 10){ var text = inputText.substring(0,10); document.getElementById('mytext').value = text;//从新设置input输入框的值 alert("最多输入10个字符"); }}</script>html代码：<body><input type="text" id="mytext" value="" onkeydown="controlLen();"/></body>

导航:首页 > 编程语言 > js限制输入内容

js限制输入内容

拓展资料：

与js限制输入内容相关的资料

友情链接