表，以验证手动插入的数据并在末尾给出消息

Table to validate data inserted manually and give a message at the end

本文关键字：消息 数据 验证 插入      更新时间：2023-09-26

我正在尝试创建一个HTML表，该表将比较一些数字与一些间隔，并根据数据所在的间隔在末尾显示一条消息。数据来自污染土壤样本的结果，结果应该告诉我土壤属于哪一类。我已经做好了桌子，但只有最后一个单元格在做我想做的事。我可以重复这个脚本，在每个单元格的右边给出每个结果，但事实上，最后只需要一个答案。你能帮我为我的表建立一个全局变量吗？

这是我迄今为止所拥有的。最后一个牢房在做我想做的事
带有文本的单元格只是为了提供信息，以给出总体想法

我有37个变量（分析结果），我必须与3个区间（FNADE类别1、2和3）进行比较。如果在一个区间中只找到这些变量中的一个，则它应该向我显示该区间的名称（例如：FNADE Classe 1），层次结构为3<2<1

这是代码部分，也许它有帮助：

window.onload=function() {
    document.getElementById("form1").onsubmit=function() {
        var celula37 = parseInt(this.celula37.value,10);
        var text = "<b>Votre terre peut etre reçue dans une instalation : </b>";
        if (celula37 <= 399) text += "FNADE Classe 3";  
        else if (celula37 >= 400 && celula37 <= 1800) text += "FNADE Classe 2";  
        else if (celula37 >= 1801) text += "FNADE Classe 1";
        else text = "SVP inserez des donnes";
        document.getElementById("soilMessage").innerHTML=text;  
        return false; // cancel submit
    }
}

在处理元素组时，通常更容易使用CSS类名，这样所有元素都可以被视为数组。它还可以帮助您使用CSS设置样式，而不是重复内联样式语句。

<input type="text" class="cellData" name="celula37" id="celula37" value="" />

然后你可以这样做：

myData = document.getElementsByClassName('cellData')
var celula37;
for(var x = 0;x<myData.length;x++) {
    celula37 = parseInt(myData[x].value,10);
    ... your code ...
    document.getElementById('celula'+x).innerHTML = text;
    // note, arrays are zero-based, so you may need to tweak your IDs or 'x'

}

myData就是所有输入的数组。

然后你可以使用CSS:来设置样式

<style>
.cellData {
  border:solid windowtext 1.0pt;
}
td {
  border:solid windowtext 1.0pt;
}
</style>

祝你好运！

相关文章：