javascript中FORM表单的submit()方法经验教训
2009-12-18 16:50
447 查看
@author songfeng
因为JS内对象的方法实际上是存储语句的一个类似于指针的东西. 其指向了内存的一个位置, 也就是其函数的位置,当然也可以让其指向一个变量值.
var foo = new Object();
foo.bar = function() {} //现在foo.bar就是指向了这个函数的内存位置.
foo.bar = "abcdefg"; //现在其指向了内存中的字符串
也就是说它们的名子是一样的, 第二个会把第一个覆盖掉, 并不会有任何提示.
下面是我今天遇到的问题.
<form action="" name="applyForm" namemethod="post">
<input type="text" name="foo" value="" />
<input type="button" id="submit" onClick="apply();" name="submit"
/> //注意它的name
</form>
<script>
function apply()
{
document.applyForm.submit()
;
}
</script>
apply()就是无法提交, 总是告诉我submit()不是方法, 可是明明其就是一个方法.
后来仔细检查(因为源代码比这长很多), 才找出问题所在. 原来是input表单的name值是submit, 它理所当然的成了此FORM
的属性值.自然就把以前的顶替了. 改后, 则正常运行.
因为JS内对象的方法实际上是存储语句的一个类似于指针的东西. 其指向了内存的一个位置, 也就是其函数的位置,当然也可以让其指向一个变量值.
var foo = new Object();
foo.bar = function() {} //现在foo.bar就是指向了这个函数的内存位置.
foo.bar = "abcdefg"; //现在其指向了内存中的字符串
也就是说它们的名子是一样的, 第二个会把第一个覆盖掉, 并不会有任何提示.
下面是我今天遇到的问题.
<form action="" name="applyForm" namemethod="post">
<input type="text" name="foo" value="" />
<input type="button" id="submit" onClick="apply();" name="submit"
/> //注意它的name
</form>
<script>
function apply()
{
document.applyForm.submit()
;
}
</script>
apply()就是无法提交, 总是告诉我submit()不是方法, 可是明明其就是一个方法.
后来仔细检查(因为源代码比这长很多), 才找出问题所在. 原来是input表单的name值是submit, 它理所当然的成了此FORM
的属性值.自然就把以前的顶替了. 改后, 则正常运行.
相关文章推荐
- javascript中FORM表单的submit()方法经验教训.
- javascript在form表单中使用button按钮实现submit提交方法
- JavaScript在form表单中使用button按钮实现submit提交方法
- JavaScript获取页面中表单(form)数量的方法
- javascript表单submit()方法无法提交问题!
- 使用javascript提交form表单方法汇总
- JavaScript基础 submit按钮配合form的onsubmit实现表单的提交与验证
- 关于一个表单form包含多个提交动作submit的解决方法
- 原生javascript 表单同步提交和提交前操作 和 document.form.submit() is not a function
- 表单提交中form.action,form.submit()问题 *** 对象不支持此属性或方法
- Jquery Validation无法在Chrome浏览器下进行form.submit()表单提交的解决方法
- IE6下采用jquery的$("#form").submit()方法提交表单失效
- 利用AjaxSubmit()方法实现Form提交表单后回调功能
- 简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
- JavaScript 提交表单的方式 (Using JavaScript Submit Form)
- form表单内input框name和onclick方法不能重名(同一From表单多个按钮可以submit时发现)
- 关于一个表单form包含多个提交动作submit的解决方法
- HTML一个form表单中有两个(多个)submit,后台如何区分(纯HTML实现,无需javascript)
- 关于form表单的submit提交时对象没有该属性和方法问题
- JavaScript动态创建form表单并提交的实现方法