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周!