Javascript-onblur函数无法更改文本框的值

Question

我有一些文本框，允许用户输入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'），它有效。但是，当满足上述条件时，它根本不会改变值。有人能帮我解决这个问题吗？

Answer 1

试试这个

<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;
  }
}

Answer 2

按如下方式重新编写代码。只有通过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;
  } 
}

Answer 3

您的脚本返回值，但没有设置这些值的位置。因此，当blur函数调用脚本时，肯定会调用。。但是该值不设置在任何位置。

Answer 4

"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)" />