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

来源:互联网 发布:阿里云服务器价格计算 编辑:程序博客网 时间:2024/06/18 03:06

解决: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='';};" onblur="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>

0 0