0

基本上，我正在制作一个 HTML 表单，该表单将验证一些数字（手动插入的土壤污染物浓度）并在最后的单元格中给出一条消息，根据这些数字在规模上的位置

就我而言，土壤中铜的浓度为x=500 mg/kg。我需要用土壤污染的一些间隔限制来验证这个数字（400 < x < 1800= 污染）并显示如下消息：

“你的土壤被认为被污染了”

例如，因为浓度超过 400 mg/kg。

有人可以给我一个关于如何做到这一点的想法吗？我需要将其集成到网页中。

4

1 回答 1

2

像这样的东西？

window.addEventListener("load", function() {
  document.getElementById("form1").addEventListener("submit", function(e) {
    e.preventDefault(); // cancel submit
    let val = this.copper.value;
    const copper = isNaN(val) || val.trim() === "" ? 0 : +val; // convert to number
    let text = "Please enter a numeric value";
    if (copper > 0) {
      text = "Your soil is ";
      if (copper <= 400) text += "not polluted";
      else if (copper < 1800) text += "considered polluted";
      else text += "considered strongly polluted";
    }
    document.getElementById("soilMessage").innerHTML = text;
  })
})
<title>Soil analysis</title>
<form id="form1">
  <input type="text" name="copper" id="copper" value="" />
  <input type="submit" value=" Validate " />
</form>
<div id="soilMessage"></div>

于 2013-07-15T09:23:20.410 回答