在 JavaScript 中清除文本框的问题答案

【问题标题】：Problem Clearing TextBox in JavaScript在 JavaScript 中清除文本框的问题
【发布时间】：2011-10-30 23:46:31
【问题描述】：

我是新手，但我正在尝试清除文本框中的任何内容。我在正文部分的代码如下：

<body>

<FORM NAME = "frmOne" method=POST>

 Name: <INPUT TYPE=text NAME=name onFocus="this.form.name.value=''" /><br />

 <input type="button" value="Click To Clear" onClick="clearForm(this.form)">


 </FORM>

<SCRIPT LANGUAGE="JAVASCRIPT">

function clearForm(form){

form.name.value = "";

</SCRIPT>

</body>

问题是，单击按钮什么都不做，名称框中的任何内容都保留在那里！谁能建议为什么？我可能犯了一个非常基本的错误。

谢谢，

斯图尔特

【问题讨论】：

标签： javascript html forms button onclick

【解决方案1】：

这是因为您有语法错误，您缺少}。应该是：

function clearForm(form){
    form.name.value = "";
} // <- you have to close the function

Then it works.

Chrome 开发者工具或 Firefox 的 Firebug 等工具可帮助您检测此类错误。例如，您的代码会导致以下错误：

Uncaught SyntaxError: Unexpected end of input

【讨论】：

非常感谢，我将需要考虑获得一个指示语法错误的编辑器，因为将来会有更多！
@Stumf：这是个好主意 :) JSLint 或 Google 的 Closure Linter 等工具也很有帮助。

【解决方案2】：

最好不要使用名称，而是使用 id。

所以对于您的输入，请使用：

<INPUT TYPE=text NAME=name ID="myFormTextbox" onFocus="this.value=''" /><br />

对于你的 js：

function clearForm(form) {
    document.getElementById("myFormTextbox").value = "";
}

【讨论】：