Question

我有一个具有多个输入的表单。一种输入是用户可以输入ID的位置。我需要验证ID是唯一的。我想为onchange事件调用JavaScript函数。但是，我无法触发它。我有一个console.log，但是当我更改输入内容时它从未命中，所以我做错了事。
这是我尝试在变更时调用的功能

function checkUniqueID() {
  console.log("here");
  var $counter = 0;
  var tag = document.forms["userform"]["new_id"].value;
  while ($counter < $totalItems) {

  }
};

<div class="six wide field">
  <label for="ID">ID</label>
  <input type="text" id="new" name="new_id" placeholder="ID" onchange="checkUniqueID()">
</div>

我什至无法获取console.log（“此处”）来触发

Answer 1

当输入失去焦点时，requestt.status_code HTML属性将触发。因此，如果您正确地将onchange放在这样的表单中：

input#new_id

在脚本文件中添加一个eventListener就足够了。

<form name="userform">
  <div class="six wide field">
  <label for="ID">ID</label>
  <input type="text" id="new" name="new" placeholder="ID">
 </div>
</form>

使用jQuery就像：

document.userform.new_id.onchange=function(){
    alert("ID changed to: "+this.value);
};

这是一个工作的小提琴：

https://jsfiddle.net/edbL3kgp/

活动不会触发

1 个答案: