【问题标题】:IF statements and returning to the start of a functionIF 语句并返回到函数的开头
【发布时间】:2019-02-22 14:42:33
【问题描述】:

我正在尝试将表单中的数据输入到数组中, 一切都很好,但我注意到即使提交空输入它仍然将它记录到我的数组中, 我正在尝试执行 IF 语句来检查输入字段“名称”是否为空,然后重新启动函数并提醒它们为空

现在它正在做相反的事情,提醒他们它是空的,反之亦然, 我让它以相反的方式工作,但最终丢失了保存并忘记了我是如何做到的,我也无法弄清楚如何重新启动该功能(以避免它被添加到数组中) 这是我的代码,

function addRecord(){   
  employee.name = document.getElementById('name').value; 
  employee.age = document.getElementById('age').value;
  employee.position = document.getElementById('position').value;
  if(name.length == 0){
    alert('Do you not have a name, mate?');
    return false;
  }  
  employeeList.push(employee);
  employee = new Object();
  writeRecords();
}

谢谢!

【问题讨论】:

  • name 必须是 employee.name ...

标签: javascript arrays if-statement return statements


【解决方案1】:

试试这样的:

if(!employee.name){
  alert('Do you not have a name, mate?');
  return
}

您也可以使用此逻辑来检查年龄和职位。

【讨论】:

  • 完美!谢谢!
  • 嗨 Rahul,还有一件事,我想在单击按钮时重置整个数组,这可行吗?函数resetButton(){函数resetButton(){employee.length = 0; } 然后用 document.getElementById('resetButton').addEventListener("click", function(event){ }); 调用它
  • 最佳解决方案是分配对象键,例如employee.name = "" 或employee.age = "" 或employee.position = "" 或简单地分配employee = {};
【解决方案2】:

希望这是您所期望的。

var employeeList = [];
function addRecord(){

var employee = {}
 employee.name = document.getElementById('name').value;


 employee.age = document.getElementById('age').value;


 employee.position = document.getElementById('position').value;


 if(!(employee.name && employee.age && employee.position)  ){

alert('The form is incomplete. Please revisit.');
return false;



}

 employeeList.push(employee);
 employee = new Object();
 resetForm();
console.log(employeeList)
}

function resetForm(){

 document.getElementById('name').value = '';
 document.getElementById('age').value = '';
 document.getElementById('position').value = '';
 }
<input id='name'/>
<input id='age'/>
<input id='position'/>
<button onclick='addRecord()'>Add Employee</button>

【讨论】:

  • 嗨,我找到了写的答案,但感谢您的帮助!
猜你喜欢
  • 2014-12-09
  • 2014-05-30
  • 2020-09-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-01-23
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多