编写javascript动态创建表。需要帮助验证用户输入吗_Javascript_Validation_Dynamic_Html Table

编写javascript动态创建表。需要帮助验证用户输入吗

javascript validation dynamic

编写javascript动态创建表。需要帮助验证用户输入吗,javascript,validation,dynamic,html-table,Javascript,Validation,Dynamic,Html Table,我已经用javascript创建了一个表。它基于用户输入，将进行检查以确保输入的值是数字。但是，我如何让它检查以确保输入的值是正确的呢高于0 不到10 <html> <head> <title>Homework 1</title> <script language="javascript" type="text/javascript"> function doWork(){ var rows = do

我已经用javascript创建了一个表。它基于用户输入，将进行检查以确保输入的值是数字。但是，我如何让它检查以确保输入的值是正确的呢高于0 不到10

<html>
<head>
    <title>Homework 1</title>

    <script language="javascript" type="text/javascript">
    function doWork(){
    var rows = document.getElementById("input1").value;
    var columns = document.getElementById("input2").value;
    //alert(rows);
    //alert(columns);
    if(isNaN(rows) == true || isNaN(columns) == true){
        document.getElementById('tablePlacement').innerHTML = "Input must be integer";
    }
    else{
    var htmlInput = "";
    htmlInput += "<table border='1'>";
    htmlInput += "<tr>";

    //Column Headers
    for (i = 0; i <= columns; i++){
        htmlInput += ("<td><b>" + i + "</b></td>");
    }
    htmlInput += "</tr>";
    for (i = 1; i <= rows; i++){
        htmlInput += ("</br><tr><td><b>" + i + "</b></td>");

        for (j = 1; j<= columns; j++){
            var multiplyResult = i * j;
            htmlInput += ("<td>" + multiplyResult + "</td>");
        }
        htmlInput += "</tr>";
    }
    htmlInput += "</table>";
    document.getElementById('tablePlacement').innerHTML = htmlInput;
    }

    };
    </script>
</head>
<body>
    <form id="input1Form">
        Rows: <input type="text" id="input1">
    </form>
    <form id="input2Form">
        Columns: <input type="text" id="input2">
    </form>
    <button type="button" onclick="doWork()">Enter</button>
    <div id="tablePlacement">
    </div>
</body>


家庭作业1
函数doWork（）{
var rows=document.getElementById（“input1”）.value；
var columns=document.getElementById（“input2”）.value；
//警报（行）；
//警报（列）；
如果（isNaN（行）==true | | isNaN（列）==true）{
document.getElementById（'tablePlacement'）.innerHTML=“输入必须是整数”；
}
否则{
var htmlInput=“”；
htmlInput+=“”；
htmlInput+=“”；
//列标题
对于（i=0；iif）（行=10）{
document.getElementById（'tablePlacement'）.innerHTML=“输入行必须介于1和9之间”；
}
如果（cols=10）{
document.getElementById（'tablePlacement'）.innerHTML=“输入列必须介于1和9之间”；
}
如果（行=10）{
document.getElementById（'tablePlacement'）.innerHTML=“输入行必须介于1和9之间”；
}
如果（cols=10）{
document.getElementById（'tablePlacement'）.innerHTML=“输入列必须介于1和9之间”；
}
我知道如何编写代码。我更不知道应该把它放在哪里。这是一个嵌套的if语句吗？它是如何工作的？如果（rows不是一个数字，rows=10，cols不是一个数字，cols=10），您可以将所有条件放在一个if语句中，就像这样if（rows不是一个数字，或rows=10，或cols不是一个数字，或cols=10）{呈现一般错误消息，如“行和列必须是小于10的正数”}否则{…render table…}
我知道如何编写代码。我更不知道如何实际放置它。这是一个嵌套的if语句。它如何工作？您可以将所有条件放入一个if语句中，就像这样if（行不是数字，或行=10，或cols不是数字，或cols=10）{呈现一般错误消息，如“行和列必须是小于10的正数”}否则{…呈现表…}
 if(rows <=0 || rows >= 10){
    document.getElementById('tablePlacement').innerHTML = "Input rows must be between 1 and 9";
}

 if(cols <=0 || cols >= 10){
    document.getElementById('tablePlacement').innerHTML = "Input cols must be between 1 and 9";
}