Web_JavaScript_JS表单无法重置、form.reset is not a function问题解决；

最新推荐文章于 2024-05-11 16:25:13 发布

cyb_23

最新推荐文章于 2024-05-11 16:25:13 发布

阅读量4.4k

点赞数 1

分类专栏： Web_JavaScript

本文链接：https://blog.youkuaiyun.com/cyb_23/article/details/42168615

版权

Web_JavaScript 专栏收录该内容

25 篇文章

订阅专栏

本文介绍了一个常见的JavaScript表单重置问题及其解决方案。在使用JavaScript进行表单重置时，如果遇到‘reset is not a function’错误，通常是因为表单元素中存在名称为‘reset’的输入项。解决方法是更改该输入项的名称。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

解决：Web_JavaScript_JS表单无法重置、form.reset is not a function问题解决；

首先，先来看一下表单，很简单，同时运行得很好，提交数据什么的都OK ；

<form id="yyppFrom" action="/plus/yypt.php" enctype="multipart/form-data" method="post">
<span style="white-space:pre">	</span><ul class="message">
		<li>

<span style="white-space:pre">			</span><span>姓 名：</span>
		<span style="white-space:pre">	</span><input name='name' class="text" onFocus="if(this.value==this.defaultValue){this.value='';};" οnblur="if(this.value==''){this.value=this.defaultValue;}" type="text" value="输入您的真实姓名">
		</li>

<span style="white-space:pre">	</span></ul>
	<div align='center' style='height:30px;padding-top:10px;'>
		<input type="submit" name="submit" value="提 交" class='coolbg' />  
		<input type="reset" name="reset" value="重 置" class='coolbg' />
	</div>
</form>

但是，在重置表单的时候就出毛病了的： yyppFrom.reset() is not a function! 排查来排查去，最后才发现是疏忽造成的问题：reset被用作name名称(

<input type="reset" name="reset" value="重 置" class='coolbg' /><span style="font-family: Arial, Helvetica, sans-serif;">)，把重置按钮的名称改为resetbtn就好！</span>