Question

所以，我正在编写一段代码，在输入文本框后检查一个数字的月份，检查它是否是一个月的有效数字（1-12），如果是不显示错误消息。我得到了它的基本原理，但我没有按下按钮后如何运行检查，如果你想帮助那将是伟大的！并尝试以我已有的为基础：p

Answer 1

＆＃13;

function myFunction(){

number = document.getElementById('myText').value;
  if(isNaN(number)){
     alert('Not a valid month');
  }else { 
      if( number > 0 && number <= 12){
         alert('valid month');
      }else{
         alert('Not a valid month');
      }
  }
}

＆＃13;

Month no: <input type="text" id="myText" />
<button onclick="myFunction();">Go</button>

＆＃13;

Answer 2

最原始，更完整的方式是：

function myFunction() {
  var month = parseInt(document.getElementById('myText').value);
  if (typeof month === 'number' && month <= 12 && month > 0) {
    alert('yes! valid month! ');
  } else {
    alert('invalid month! ');
  }
}

document.getElementById('myText').value应为字符串，parseInt()将其转换为数字。

更新：使用完整的解决方案，否则可能会导致很多问题。

~~但是，如果您不想使其过于复杂，请使用以下代码。~~

＆＃13;

function myFunction() {
  var month = document.getElementById('myText').value;
  if (month <= 12 && month > 0) {
    alert('yes! valid month! ');
  } else {
    alert('invalid month! ');
  }
}

＆＃13;

<html>

<body>

  <title>Month Checker 3000</title>

  <h1>Month Checker</h1>
  Month Number:
  <input type="text" id="myText" />
  <button onclick="myFunction()">Go</button>

</body>

</html>

＆＃13;

HTML / Javascript功能帮助新手

2 个答案: