首页 > web前端 > jquery无法提交表单

jquery无法提交表单

2012年8月4日 发表评论 阅读评论

form表单提交可以直接使用表单的submit按钮来完成,也可以使用js的方式来提交,只要获取form对象,调用其submit方法即可,往往js的方式可以让提交表单更加灵活。当然使用jquery也可实现提交。如下的代码片段:

<script>
function jsSubmit() {
	var frm = document.getElementById('frm');
	frm.submit();
}

function jquerySubmit() {
	$('#frm').submit();
}
</script>

<form id="frm" action="./formtest.htm" method="get">
Username:<input type="text" name="username" />
<br />
<input type="submit" name="submit" value="提交" />
</form>
<a href="javascript:jsSubmit()">js submit form</a>
<br /><br />
<a href="javascript:jquerySubmit()">jquery submit form</a>

除了使用提交按钮外,普通js和jquery的方式都无法提交表单。多次确认js的代码是没有问题,可就是不工作。问题原因是出现在命名冲突上,就是说,在form表单中不能出现input的name或id属性的值为submit。上述代码的问题就是提交按钮的name的值为submit,所以造成js方式无法提交表单。所以如果要使用js来操作表单,一定要注意命名的问题。



欢迎转载,转载请注明文章出处,谢谢!
垃圾有点差凑合看还不错很精彩 (4 人打了份: 平均分:3.00)
Loading...Loading...
  1. 匿名
    2013年6月26日20:02 | #1

    尼玛 纠结半天了 一语道破天机

  2. add
    2013年6月26日20:03 | #2

    尼玛 纠结半天了 一语道破天机

  3. 2014年4月16日17:47 | #3

    尼玛 纠结半天了 一语道破天机

  1. 本文目前尚无任何 trackbacks 和 pingbacks.

无觅相关文章插件,快速提升流量