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

标签 javascript validation dynamic html-table

我已经用 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>

最佳答案

 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";
}

关于javascript - 编写javascript来动态创建表。需要帮助验证用户输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14866174/

相关文章:

javascript - 如何确定 Firefox 在应用程序空闲时燃烧 CPU "Recalculating Style"的原因?

java - 如何在调用之前拦截方法并检查参数?

JavaScript Date 对象无法处理传递给它的字符串

Android - 扩展 ImageView 的最佳实现

c - 重新分配问题

javascript - Chrome 中的事件绑定(bind) Ctrl-Shift-N

javascript - ng-if 检查数组是否为空

javascript - 具有生成的 DOM 元素的 JQuery Datepicker

ASP.Net 验证摘要导致页面跳转到顶部

java - 在 Android 中动态实例化按钮