Question

我在应用程序上有两个字段（A和B），它们不能同时包含数据。我想要当某人填充A，然后开始填充B（和/或反之亦然）时，抛出一条错误消息，告诉他们两个字段都不能包含数据。

如果两个字段都不等于null，但没有成功，我尝试使用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>

当某人开始（或完成工作）完成第二个字段时，我希望弹出一条错误消息。

Edit *道歉，关于stackoverflow的新手，包括更多代码。这两个字段是作为CRM的一部分提供的，并且需要填写其中一个字段。

Answer 1

有几个错误。 getElemntByID 不是一个函数，都不是 getElementByID

正确的功能是getElementById

尽管如此，您需要检查inputs的值而不是输入的引用。

正如您所说的，您是JavaScript的新手，我也建议您使用此链接： w3schools examples about forms/inputs and validation

查看此小提琴：

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>

当两个字段包含数据时如何创建警报

1 个答案: