從 Javascript 更改 HTML 參數

Question

我有下面的輸入字段，我有 JS 來驗證在框中輸入的特殊字符的數量。 我有一個自定義幫助文本，一旦將焦點放在輸入框上就會出現。

 <input type="text" class="form-control" id="words" name="inputHint" placeholder="Enter synonyms"
              data-hint="Enter the words seperated by comma(,)" />

處理驗證的 JS 是

//<![CDATA[
window.onload=function(){
document.getElementById('words').onkeypress = function (e) {
    // 46 is the keypress keyCode for period     
    // http://www.asquare.net/javascript/tests/KeyCode.html
    if (e.keyCode === 44 && this.value.split(',').length === 2) {
        return false;
    }
}
}//]]> 

我需要您的幫助，了解如何在return false;時將data-hint更改為不同的消息，例如“您按下了兩個逗號” return false;

Answer 1

keyup 事件更適合這種情況，用正則表達式匹配值。

window.onload = function () {
      document.getElementById('words').onkeyup = function () {
          //event.keyCode - do your work with keyCode
          if (this.value.match(/,,/ig)) {
               alert("Your message!");
               return false;
           }
        }
  }