Событие не сработает - PullRequest
Новая
       9

Событие не сработает

0 голосов
/ 04 марта 2019

У меня есть форма, которая имеет несколько входов.Один ввод, где пользователь может ввести идентификатор.Мне нужно убедиться, что идентификатор уникален.Я хочу вызвать функцию JavaScript для события onchange.Тем не менее, я не могу заставить его срабатывать.У меня есть 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 ("здесь") вызвать

1 Ответ

0 голосов
/ 04 марта 2019

HTML-атрибут onchange срабатывает, когда ввод теряет фокус.Итак, если у вас правильно есть input#new_id внутри формы, подобной этой: 

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

Добавление EventListener в ваш файл скрипта будет достаточно. 

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

С jQuery будет какпросто как: 

$("#new").change(function(){
    alert("ID changed to: "+$(this).value;
}

Вот рабочая скрипка:

https://jsfiddle.net/edbL3kgp/

...