javascript - document.getElementById——它如何与 onchange 事件一起工作？

Question

我的输入有两个功能:

`isAllowedSymbol` and `checkLength`.  

isAllowedSymbol 运行良好，但 checkLength 不是。我需要让我的长度只有 10 个数字。我究竟做错了什么？我的错误在哪里？请告诉我具体如何执行此操作。

type="text" maxlength="10" name="answer" id="t" onkeyup="isAllowedSymbol(this);" onchenge="checkLength(this);" placeholder="Enter data" >

function checkLength(this) {

  var element = document.getElementById('t');

  if(document.createEvent)
  {
      var e = document.createEvent('HTMLEvents');
      e.initEvent('change', false, true);
      element.dispatchEvent(e);
  }
}

Answer 1

HTML5 maxlength 将自动验证您的输入。但是，如果您想进行更多验证，请尝试使用 onkeydown 而不是 onchange。

HTML:

    <input type="text" maxlength="10" name="answer" id="t" onkeyup="isAllowedSymbol(this)" onkeydown="checkLength(this)" placeholder="Enter data">

JavaScript:

function checkLength(obj){
 //Your validation code goes here.
}

希望对你有帮助。