javascript - 仅显示一次 'All fields must be completed' 错误

Question

我正在尝试用 javascript 制作一个页面。我对这一切都很陌生，所以请耐心等待。

我有一个表单，当您按提交时，我有以下内容来查看字段是否留空:

function calculatePrice() 
{

var GasPrice = document.getElementById("number1").value;
var Distance = document.getElementById("number2").value;
var Mileage = document.getElementById("number3").value;
var norepeat = false;

if (norepeat==false && (GasPrice =="" || Distance =="" || Mileage =="")) 
{
var para=document.createElement("p"); 
para.setAttribute("class", "error");
var node=document.createTextNode("All fields must be completed");
para.appendChild(node);
var element=document.getElementById("content");
element.appendChild(para);
var norepeat = true;
}

我将错误创建为出现的段落标记。问题是，当我多次按提交时，它每次都会写入错误消息。我尝试了 norepeat 变量，但它似乎不起作用。有什么帮助吗？

Answer 1

虽然我不完全确定你的意图，但它必须看起来更像:

var norepeat = false;

function calculatePrice() {
    if(!norepeat && (/* other conditions here */)) {
        norepeat = true;
    }

    return !(/* other conditions above */);
}

其中 norepeat 是在全局范围内定义的。另外，请记住使用 === 而不是 ==。在测试之前 trim 字符串并不是一个可怕的主意......

但是，如果用户没有更正错误，您是否不希望错误仍然存​​在 - 这不是验证的重点吗？