Question

我正在制作计算器，但为了清除表单字段而无法使用清除按钮。

计算器的其余部分工作正常，只是清除按钮出现问题。我什至尝试将值本身设置为数字或字符串，但这也不起作用。

代码如下：

function clear() {
  document.form.textview.value = '';
}

<form class="form" name="form">
  <input class="textview" name="textview" placeholder="0">
</form>
<input class="button CE-button" type="button" value="CE" onclick="clear()">

Answer 1

clear()不能用作函数名，正如Jack Bashford在回答中指出的那样。但是，如果您使用的是表格，则应仅使用form.reset()函数，而不要手动设置值：

<form class="form" name="form">
  <input class="textview" name="textview" placeholder="0">
</form>
<input class="button CE-button" type="button" value="CE" onclick="document.querySelector('form').reset()">

更好的是，只需使用重置button：

<form class="form" name="form">
  <input class="textview" name="textview" placeholder="0"><br>
  <button class="button CE-button" type="reset">CE</button>
</form>

Answer 2

清除是JavaScript中的保留函数-使用其他类似clearForm：

function clearForm() {
  document.form.textview.value = '';
}

<form class="form" name="form">
  <input class="textview" name="textview" placeholder="0">
</form>
<input class="button CE-button" type="button" value="CE" onclick="clearForm()">

Answer 3

杰克·巴什福德（Jack Bashford）是对的。您也可以只使用一个简单的jQuery函数：

var clearField = function() {
    $('.textview').val("");
}

Answer 4

Clear（）函数无法使用，您可以用其他函数名称替换。但是，使用“重置”可能是一个不错的选择。

为什么我无法使用javascript将此表单值重置为空白？

4 个答案: