Question

这里的问题是我不需要输入字段，当我删除所需的表仍然是空的和我输入时的另一个问题（无效字符）表格数据也将被删除

我需要输入字段不是必需的，当点击添加时，它会添加一个新行

＆＃13;

var myInput = document.getElementById("myInput")
    myTable = document.getElementById("myTable")
    i = 1
    num = 1
    tabledata = myTable.innerHTML;


    function arr() {
        
                if(myInput.value!=""){
        
                if(/^[a-z]+$/i.test(myInput.value)){
        
                if (num % 2 == 0) {
                    myTable.innerHTML = myTable.innerHTML + '<tr style="background:#ff8000"><td>' + i + '</td><td>' + myInput.value + "</td></tr>";
                    myInput.value = "";
                    i++;
                } else {
                    myTable.innerHTML = myTable.innerHTML + '<tr style="background:#ffb366"><td>' + i + '</td><td>' + myInput.value + "</td></tr>";
                    myInput.value = "";
                    i++;
                }
                num++;
            }
         else {
              alert("Please Enter A Valid Charceter"); 
        
          }
         }else{
         alert("This Field Is Reqiured Please Enter Your Name") 
         }}; 

function res() {
    myTable.innerHTML = "<tr> <th>Id</th> <th>Name</th> </tr>";
    i = 1;
    num = 1;
}

＆＃13;

   <h1>Enter Your Name</h1>
        <form>
        <input type="text" id="myInput" required/>
        <button onclick="arr()">Add</button>
        </form>
        <table id="myTable">
        <tr>
        <th>ID</th>
        <th>Name</th>     
        </tr>
        </table>
        <button onclick ="res()">Reset</button>

＆＃13;

Answer 1

我并不完全明白你需要什么，但我在这里看到一点点缺陷：当您单击＆＃34;添加＆＃34;按钮，表单正在提交，所以你需要打破这个。

试一试：

# Run me to hide code cells

from IPython.core.display import display, HTML
display(HTML(r"""<style id=hide>div.input{display:none;}</style><button type="button"onclick="var myStyle = document.getElementById('hide').sheet;myStyle.insertRule('div.input{display:inherit !important;}', 0);">Show inputs</button>"""))

JavaScript函数自动重新加载

1 个答案: