JS 自动提交表单时 报“对象不支持此属性”错误
2010-07-31 18:41
316 查看
这两天做表单自动提交时出现JS错误:对象不支持此属性。下面是表单自动提交代码:
<form id="form1" name="form1" method="post" action="?">
<input name="subject" id="subject" type="text" value="测试标题" size="20">
<textarea name="info" id="info" cols="80" rows="2">测试内容</textarea>
<input name="submit" type="submit" value="提交"><!-- 将name="submit" 改为 name="Submit" 注意大小写-->
</form>
<script>
<!--
function sub(){
document.form1.submit();
}
setTimeout(sub,6000);
//-->
</script>
=========================================================================================
经再三测试发现,原来是<input name="submit" type="submit" value="提交">作怪。在一个完整表单中,不应有名字为action或submit的标签,否则将会产生“对象不支持此属性和方法”的ie错误。如代码<input name="submit" type="submit" value="提交">在表单中是不允许出现的,而Action和Submit则是允许的,因为JavaScript是区分大小写。所以将<input name="submit" type="submit" value="提交">修改为<input name="Submit" type="submit" value="提交"> 成功执行,完整无误代码如下:
<form id="form1" name="form1" method="post" action="?">
<input name="subject" id="subject" type="text" value="测试标题" size="20">
<textarea name="info" id="info" cols="80" rows="2">测试内容</textarea>
<input name="Submit" type="submit" value="提交">
</form>
<script>
<!--
function sub(){
document.form1.submit();
}
setTimeout(sub,6000);//以毫秒为单位的.1000代表一秒钟.根据你需要修改这个时间.
//-->
</script>
<form id="form1" name="form1" method="post" action="?">
<input name="subject" id="subject" type="text" value="测试标题" size="20">
<textarea name="info" id="info" cols="80" rows="2">测试内容</textarea>
<input name="submit" type="submit" value="提交"><!-- 将name="submit" 改为 name="Submit" 注意大小写-->
</form>
<script>
<!--
function sub(){
document.form1.submit();
}
setTimeout(sub,6000);
//-->
</script>
=========================================================================================
经再三测试发现,原来是<input name="submit" type="submit" value="提交">作怪。在一个完整表单中,不应有名字为action或submit的标签,否则将会产生“对象不支持此属性和方法”的ie错误。如代码<input name="submit" type="submit" value="提交">在表单中是不允许出现的,而Action和Submit则是允许的,因为JavaScript是区分大小写。所以将<input name="submit" type="submit" value="提交">修改为<input name="Submit" type="submit" value="提交"> 成功执行,完整无误代码如下:
<form id="form1" name="form1" method="post" action="?">
<input name="subject" id="subject" type="text" value="测试标题" size="20">
<textarea name="info" id="info" cols="80" rows="2">测试内容</textarea>
<input name="Submit" type="submit" value="提交">
</form>
<script>
<!--
function sub(){
document.form1.submit();
}
setTimeout(sub,6000);//以毫秒为单位的.1000代表一秒钟.根据你需要修改这个时间.
//-->
</script>
相关文章推荐
- JS提交表单,报“对象不支持此属性”错误
- js不能提交表单,提示对象支持此属性和方法
- js错误:对象不支持此属性或方法
- VBScript提交表单提示-对象不支持此属性或方法
- 表单提交中form.action,form.submit()问题 *** 对象不支持此属性或方法
- ###Springmvc封装复杂表单数据:表单提交多个实体类的参数【对象类型参数,自动封装】name属性值不能重复。和实体类属性名一致
- 常见错误:JavaScript 提交form 的时候,Error:对象不支持此属性或方法
- js错误:对象不支持此属性或…
- form表单提交提示对象不支持此属性或方法
- form表单中name属性值为submit时,无法提交,出现"对象不支持此属性或方法"
- js遍历对象的属性并且动态添加属性并提交表单
- 【078】docute.js的v3.4.8版本在IE11下出现【对象不支持“from”属性或方法】错误的解决办法
- ajaxSubmit提交表单报对象不支持该属性或方法的原因
- 解决javascript提交form出现错误提示:对象不支持此属性或方法
- 表单提交中form.action问题 --对象不支持此属性
- js错误:对象不支持此属性或方法
- 解决js提交form时对象不支持此属性和方法"的ie错误
- Thin的DateChooser代码学习(关于js的函数参数为一个完整的函数以及“对象不支持此属性或方法”错误的解决)(原创,转载请声明)
- 表单提交,提示错误,不支持属性
- Ext3.3在Ie8中报错ext-all.js对象不支持此属性和方法