不起作用,Javascript会在单击按钮之前验证文本输入

该代码假定是要验证输入,然后在单击按钮时执行一个功能,但是它不起作用,并且控制台不建议原因。唯一的区别是,当您在输入中带走toString()时,它说它不是函数。 这是我在大学的第一个大型项目,不确定是哪一部分错了?

function check(evt){
    const value = input.value;

    if (!value) {
      input.dataset.state = ''
      return
    }

    const trimmed = input.toString().trim();

    if (trimmed) {
      input.dataset.state = 'valid'
    } else {
      input.dataset.state = 'invalid'
    }
  }

要执行的功能

function addRow() {
something...
}

验证此函数是否为真,然后执行此函数。

function validate(){
         if(check()){
            addRow();
            }
}
document.getElementById('input').addEventListener('input', check);
document.getElementById('btn').addEventListener('click', validate);

HTML

 <input type="text" id="input" class="input" autofocus autocomplete="off" placeholder="Add items in your list..">
 <button id='btn' class="add">+</button>

评论