将空用户输入替换为0的最佳方法

Question

我有三个可以接受任意数字的用户输入。如果用户保留一个输入为空，然后单击submit按钮，我希望该输入返回0。

处理这个问题的最好方法是什么？

我已经创建了一个if语句，它单独查找input 1、input 2或input 3是否为空，但是如果input 1和2为空，或者input 3和1为空，这将导致相当长的if语句

我想知道解决这个问题的最好方法是什么？

*.js

If( hours === 0  ){
hours = 0
}else if ( minutes === 0 ){
minutes = 0
}else if ( seconds === 0 ){
seconds = 0
}
// more if statement with different combination of minutes seconds and hours being 0

Answer 1

创建一个完成这项工作的函数，然后将输入值传递给该函数。为每个输入调用该函数。

​

function checkInput(input){
  if(!input.value){
    input.value = 0;
  }
}

// Find all the <input> elements and loop thorugh them
document.querySelectorAll("input").forEach(function(element){
  checkInput(element); // Call the checkInput function and pass the current input
});

<input>
<input>
<input>

​

您还可以通过使用更精确的超文本标记语言来完全避免JavaScript：

​

<input type="number" required value="0">
<input type="number" required value="0">
<input type="number" required value="0">

​

Answer 2

首先，您可以确保用户使用所需的属性在输入中输入值。

<input type="text" required>

另外，如果它插入到数据库中，您只需要将值插入的列数据类型更改为INT数据类型。这样，默认值将始终为零。

但如果你还需要检查..。

if(#inputid.value === ""){
#inputid.value = 0;}

还要记住使用querySelectorAll("# inputid ")获取所有的inputid，然后使用var id =Array.from()将其变成一个数组；然后使用foreach遍历id以检查if语句。