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

希望这会对你有所帮助。