Как создать оповещение, когда два поля содержат данные

Question

У меня есть два поля (A и B) в приложении, которые не могут одновременно содержать данные.Я хотел бы, чтобы, когда кто-то заполнил A, а затем начал заполнять B (и / или наоборот), выдается сообщение об ошибке, в котором говорится, что оба поля не могут содержать данные.

Я попытался с помощью javascript выдать ошибку onchange, если оба поля не равны нулю, но не увенчались успехом.Я знаю, что это простой способ удовлетворить мои намерения.

  <script>
//set IDs of selectors to use
var HighSchoolID = "ctl00$mainContent$CreateAccountUserControl$CreateUserControl$ProspectForm$datatel_highschoolacademichistoryd4d7c0cb_3dfc_451f_b497_62f37d538e48datatel_highschoolid$criteriaSchoolName" 
var UnlistedSchoolID = "ctl00$mainContent$CreateAccountUserControl$CreateUserControl$ProspectForm$datatel_highschoolacademichistoryd4d7c0cb_3dfc_451f_b497_62f37d538e48datatel_unlistedschoolinfo$datatel_unlistedschoolinfo" 
//attach OnChange event listener to fields
var HighSchool = document.getElemntByID(HighSchoolID);
var UnlistedSchool = document.getElementByID(UnlistedSchoolID);

  confirmHighSchool.addEventListener("click",CheckUnlisted);

  function CheckUnlisted(){
      if(HighSchool != null && UnlistedSchool != null){
          alert(ERROR);
      }
  }
  </script>

Мне бы хотелось, чтобы сообщение об ошибке появлялось, когда кто-то начинает (или заканчивает, либо работает), заполняя второе поле.код включен.Эти два поля поставляются как часть нашей CRM, и требуется, чтобы одно или другое было заполнено.

Answer 1

Есть несколько ошибок. getElemntByID не является функцией, getElementByID

Правильная функция getElementById

Несмотря на это, вам нужно проверить значение ваших входов не ссылки на входы.

Поскольку вы заявили, что вы новичок в javascript, я рекомендую вам эту ссылку тоже: w3schools примеры форм / вводов и проверки

оформить заказ на скрипке:

var highSchool = document.getElementById("highSchool");
var unlistedSchool = document.getElementById("unlistedSchool");
var confirmHighSchool = document.getElementById('confirmHighSchool');
  
confirmHighSchool.addEventListener("click", checkUnlisted);

function checkUnlisted() {
      if(highSchool.value && unlistedSchool.value){
          alert("ERROR MESSAGE TO BE ADDED");
      }
}

 
<label for"highSchool" >HighSchool</label>
<input type="text" id="highSchool">
<br>
<label for"unlistedSchool" >UnlistedSchool</label>
<input type="text" id="unlistedSchool">
<br>
<button id="confirmHighSchool">Confirm Highschool</button>