Javascript-onblur函数无法更改文本框的值
Javascript - onblur function cannot change the value of the textbox
我有一些文本框,允许用户输入0到20之间的数字。因此,我有一个js验证代码来测试它们是否遵循规则。
我有以下文本框:
<input type="textbox" name="tx1" onblur="checkValue(this.value)" />
<input type="textbox" name="tx2" onblur="checkValue(this.value)" />
....
然后我写了一个js函数,如下所示:
function checkValue(value) {
if (value > 20) {
return this.value = 20;
} else if (value < 0){
return this.value = 0;
} else if (value == '' || isNan(value)) {
return this.value = 0;
} else {
return this.value;
}
}
我尝试通过console.log()进行测试。我尝试了alert('hi'),它有效。但是,当满足上述条件时,它根本不会改变值。有人能帮我解决这个问题吗?
试试这个
<input type="textbox" name="tx1" onblur="checkValue(this)" />
function checkValue(sender) {
var value = parseInt(sender.value);
if (value > 20) {
sender.value = 20;
} else if (value < 0){
sender.value = 0;
} else if (value == '' || isNan(value)) {
sender.value = 0;
} else {
return sender.value;
}
}
按如下方式重新编写代码。只有通过this
才能完成这项工作。
HTML
<input type="textbox" name="tx1" onblur="checkValue(this)" />
<input type="textbox" name="tx2" onblur="checkValue(this)" />
....
Javascript
function checkValue(obj) {
if (obj.value > 20) {
obj.value = 20;
} else if (obj.value < 0){
obj.value = 0;
} else if (value == '' || isNan(obj.value)) {
obj.value = 0;
}
}
您的脚本返回值,但没有设置这些值的位置。因此,当blur函数调用脚本时,肯定会调用。。但是该值不设置在任何位置。
"isNan()"不是函数,但"isNan()"是,发送输入element,而不仅仅是元素的值,以更新输入值。
<script>
function checkValue(input) {
console.log(input.value);
if (input.value > 20) {
return input.value = 20;
} else if (input.value < 0){
return input.value = 0;
} else if (input.value == '' || isNaN(input.value)) {
return input.value = 0;
} else {
return input.value;
}
}
</script>
<input type="textbox" name="tx1" onblur="checkValue(this)" />
<input type="textbox" name="tx2" onblur="checkValue(this)" />
相关文章:
- 是否可以将一个函数输入连接到另一个函数调用的文本
- 如何将具有文本类型值的var放入jQuery函数中
- 文本编辑后,append函数不适用于文本区域
- 文本表示法VS.构造函数,用于在JavaScript中创建对象
- I'我试图在文本区域中进行特定的输入,调用特定的javascript函数,但没有成功;不起作用
- Javascript-onblur函数无法更改文本框的值
- JavaScript:在调用函数的文本输入上按enter键
- 如何在php中创建一个函数,该函数与文本区域一起工作,通过输入类似[color:red]的内容来打印具有等效颜色的文本
- HTML如何根据javascript函数的返回值限制文本输入
- JavaScript-onClick将按钮ID或单击按钮的文本传递给函数
- 设置javascript函数中文本框的值
- 如何在Jquery函数中为自动完成文本区域指定一个变量作为Id
- 当运行JS函数时,如何在c#中的Edgejs中获取错误文本
- 它在另一个函数中嵌套后不会输出文本
- j查询限制文本函数
- JS中的文本函数第一个参数(_)
- 合并 2 个 javascript/jquery 随机横幅图像/文本函数彼此对应
- Get-day文本函数返回了未定义的值
- br 标签在使用 JQUERY 文本函数将内容从文本区域替换到 DIV 时不起作用
- 如何将验证文本函数与其他函数同时使用