Question

我正在使用一种形式构建一个简单的计算器，该表单需要从下拉列表中选择，当运行时，将3个不同的计算输入到3个不同的字段中。无论如何 - 我在代码中放了一些j来防止无效的选择组合，使用警报通知用户。我想要做的只是重置输入（当用户点击警告框上的“确定”时不改变任何下拉。我是新手，尝试了几件事而不是接近。有什么帮助吗？

<script type="text/javascript">
function clearInputs() {
    document.getElementById("RawCapacity").value = "";
    document.getElementById("RAIDCapacity").value = "";
    document.getElementById("WindowsCapacity").value = "";
    }

function RAIDcalc() {
    //Values put into the calculator
    var A = document.forms[0].DriveCapacity.value *1;
    var B = document.forms[0].NumberOfDisks.value *1;
    var C = document.forms[0].RAID.value *1;
    var D = document.forms[0].HotSpare.value *1;

    //Pre-math for the calculations 
    var E = C + D;
    var F = B - E;
    var G = A * 0.95;

    var H = document.getElementById("RAID").options[document.getElementById("RAID").selectedIndex].text

    //Validate form (to ensure selections are made), 
    //validate values (to prevent impossible combinations), 
    //and to calculate and write the responses
    if (A == "null") {
        alert("Please make a selection in the required fields.");
        clearInputs();
        }
    else if (B == "null") {
        alert("Please make a selection in the required fields.");
        clearInputs();
        }
    else if (C == "null") {
        alert("Please make a selection in the required fields.");
        clearInputs();
        }
    else if (H == "RAID 5" && B<=(D + (1 * 1))) {
        alert("This configuration has too many Hot Spares.");
        }
    else if (H == "RAID 6" && B<=(D + (2 * 1))) {
        alert("This configuration has too many Hot Spares.");

    else if (H == "RAID 6" && B<4) {
        alert("RAID 6 requires a minimum of FOUR disks.");
        }
    else {
        document.forms[0].RawCapacity.value = Math.round(((A * B) / 1000)*Math.pow(10,2))/Math.pow(10,2) + " TB";   
        document.forms[0].RAIDCapacity.value = Math.round(((F * A) / 1000)*Math.pow(10,2))/Math.pow(10,2) + " TB";  
        document.forms[0].WindowsCapacity.value = Math.round(((F * G) / 1000)*Math.pow(10,2))/Math.pow(10,2) + " TB";
        }
    //For testing
    //alert("A="+A+" B="+B+" C="+C+" D="+D+" E="+E+" F="+F+" G="+G);
    //var RAIDtext = document.getElementById("RAID");
    //var RAIDselindex = document.getElementById("RAID").selectedIndex;
    //alert (document.getElementById("RAID").options[document.getElementById("RAID").selectedIndex].text);
    //if (H == "RAID 6" && B<4) alert("H = RAID 6 & B<4!");

    }
</script>

Answer 1

添加一个清除输入字段的功能：

function clearInputs() {
    document.getElementById("RawCapacity").value = "";
    document.getElementById("RAIDCapacity").value = "";
    // The same for other fields
}

并将其与每个alert()电话一起调用：

if (A == "null") {
    alert("Please make a selection in the required fields.");
    clearInputs();
}

（注意：if中的条件应使用==运算符，该运算符用于比较。=用于分配。）

顺便说一句，你的else块缺少大括号，应该说：

else {
    document.forms[0].RawCapacity.value = Math.round(((A * B) / 1000)*Math.pow(10,2))/Math.pow(10,2) + " TB";   
    document.forms[0].RAIDCapacity.value = Math.round(((F * A) / 1000)*Math.pow(10,2))/Math.pow(10,2) + " TB";  
    document.forms[0].WindowsCapacity.value = Math.round(((F * G) / 1000)*Math.pow(10,2))/Math.pow(10,2) + " TB";
}

Answer 2

你的意思是确认（）？ alert（）不返回值，但confirm（）执行：

if (confirm("Do you want to do something?")) {
  //Ok was pressed.
}
else {
  //Cancel/close was pressed.
}

Answer 3

注意：对于B和C，if (A = "null")应该if (A == "null")相同

要重置文本框，您可以执行

 if (A == "null") 
 {
        alert("Please make a selection in the required fields.");
        clearTextBoxes();
 }

其中clearTextBoxes()类似于

function clearTextBoxes()
{
     document.forms[0].RawCapacity.value = "";
     document.forms[0].RAIDCapacity.value = "";
     document.forms[0].WindowsCapacity.value = "";

}

如何仅重置Javascript中警报框上的输入？

3 个答案: