本文目录
- Js怎么写能控制单元格不可修改
- 能否用js判断 进入页面身份 使页面中的输入框变不可编辑
- JS 对输入框进行限制(常用的都有)
- Js里怎么在input框里禁止输入某个文字
- 在JS里面怎么让input(text)不能输入值
- 如何在js里控制jsp中的table表格中input框变灰不可输
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页面,判断方法如下:
在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标签禁止输入的方法有:
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网页增加动态功能。
如何在js里控制jsp中的table表格中input框变灰不可输
jsp中的table表格中input框变灰不可输入的方法是:比如有个table的id是tbl,那么就可以用以下代码控制所有的input框无法输入:$("#tbl").find("input,button,textarea,select").attr("disabled", "disabled");