javascript - 用户输入错误时刷新页面

Question

当用户输入错误时如何重新加载/刷新表单，因为我正在动态生成表单，我设法显示警告消息但在重置字段时遇到问题，还建议我的代码需要任何改进？

...

JavaScript: 
    
    const div = document.querySelector(".addHere");
    
    document.querySelector(".btn").addEventListener("click", addInputs);
    
    function addInputs() {
    
    const inputValue = parseInt(document.querySelector(".inputValue").value);
    
      if (isNaN(inputValue)) {
        alert("Wrong input");

          const form = document.createElement("form");
          form.method = "post";
          form.action = "#";

      } else {
        for (let i = 1; i <= inputValue; i++) {
    
          const input1 = document.createElement("input");
          input1.type = "text";
          input1.maxLength = "12";
          input1.className = "factor";
          input1.required = true;
    
          const input2 = document.createElement("input");
          input2.type = "text";
          input2.maxLength = "1";
          input2.className = "priority";
          input2.required = true;
    
          const br = document.createElement("br");
    
          form.appendChild(br.cloneNode());
          form.appendChild(input1);
          form.appendChild(input2);
          form.appendChild(br.cloneNode());
    
          div.appendChild(form);
        }
    
        const sub = document.createElement("button");
        sub.type = "submit";
        sub.value = "Submit";
        sub.className = "subButton";
        sub.textContent = "Submit";
    
        div.appendChild(sub);
      }
    }

HTML：

<div class="addHere"></div>
<div class="inputs">
  <input type="text" maxlength="1" class="inputValue" placeholder="insert numbers:" />
  <button class="btn">+</button>
</div>

标签： javascriptformsrefresh

Answer 1

试试这条线

document.getElementById('input').value = "";