Javascript 使用Js提交后自动清除输入字段

Javascript 使用Js提交后自动清除输入字段,javascript,input,forms,Javascript,Input,Forms,希望您能帮助解决这段代码。 尝试在提交后清除输入,但无法。 有人能给我一个提示吗?? 非常感谢你 <script> var list = document; function process(idTable) { var newRow = list.createElement('tr'); newRow.insertCell(0).innerHTML = list.g

希望您能帮助解决这段代码。 尝试在提交后清除输入,但无法。 有人能给我一个提示吗?? 非常感谢你

        <script>
        var list = document;
        function process(idTable)
        {   
            var newRow = list.createElement('tr');
            newRow.insertCell(0).innerHTML = list.getElementsByName('name')[0].value;
            newRow.insertCell(1).innerHTML = list.getElementsByName('surname')[0].value;
            newRow.insertCell(2).innerHTML = list.getElementsByName('email')[0].value;
            list.getElementById(idTable).appendChild(newRow);
            return false;

            list.getElemntsByName('form')[0].value="";
        }
    </script>


<section>
    <form name="form" method="post" id="myForm" onsubmit=" return process('myTable')" >  
        <p> <label>Name:</label>    <input type="text" name="name" placeholder = "Your first name" required> </p>
        <p> <label>Surname:</label> <input type="text" name="surname" placeholder = "Your last name" required> </p>
        <p> <label>Email:</label>   <input type="e-mail" name="email" placeholder = "xpto@example.com" required> </p>
        <p> <input type="submit" value="Add"> <input type="reset"  value="Reset"> </p>      
    </form>
</section>

var列表=文件;
函数过程(idTable)
{   
var newRow=list.createElement('tr');
newRow.insertCell(0).innerHTML=list.getElementsByName('name')[0]。值;
newRow.insertCell(1).innerHTML=list.getElementsByName('姓氏')[0]。值;
newRow.insertCell(2).innerHTML=list.getElementsByName('email')[0]。值;
list.getElementById(idTable).appendChild(newRow);
返回false;
list.getElemntsByName('form')[0]。value=“”;
}
姓名:

姓:

电邮:


为什么不为“提交”和“重置”使用按钮标记,然后在“使用客户端单击”事件中,使用重置功能清除输入标记

两点:

  • 您在将值赋给窗体之前退出了函数
  • 最好使用
    list.getElemntsByName('form')[0].reset()
    因此,您的代码如下所示:

     <script>
        var list = document;
        function process(idTable)
        {   
            var newRow = list.createElement('tr');
            newRow.insertCell(0).innerHTML = list.getElementsByName('name')[0].value;
            newRow.insertCell(1).innerHTML = list.getElementsByName('surname')[0].value;
            newRow.insertCell(2).innerHTML = list.getElementsByName('email')[0].value;
            list.getElementById(idTable).appendChild(newRow);
    
    
            list.getElemntsByName('form')[0].reset();
            return false;
        }
    </script>
    
    
    var列表=文件;
    函数过程(idTable)
    {   
    var newRow=list.createElement('tr');
    newRow.insertCell(0).innerHTML=list.getElementsByName('name')[0]。值;
    newRow.insertCell(1).innerHTML=list.getElementsByName('姓氏')[0]。值;
    newRow.insertCell(2).innerHTML=list.getElementsByName('email')[0]。值;
    list.getElementById(idTable).appendChild(newRow);
    list.getElemntsByName('form')[0].reset();
    返回false;
    }
    
    在流程函数中使用$('#输入元素的id').val('')。同样在return false statement上面写下这段代码

    解释为什么你需要清除字段,并向我们展示你到目前为止所做的(提交?)代码。他使用的是纯JS。非常感谢搜信。它立刻起作用了!开始学习Java将近3周!