首页 > 代码库 > Jquery/js submit()无法提交问题

Jquery/js submit()无法提交问题

有朋友可能会直接利用js或jquery来提交数据而不是使用表单直接提交了,小编来给大家介绍小编碰到的一个问题就是 submit()无法提交,下面我们来看解决办法与原因分析。

jquery无法提交

 代码如下 复制代码

<form action="register.php" method="post">

<label>邮箱:</label> 
<input type="text" class="loginform_input" id="email" name="email" /><div id="emailerror"></div>


<input type="button" class="loginform_submit" id="submit" value="http://www.mamicode.com/注册" />

</form>

<script>

$("#submit").click(function() { 
$("form").submit(); 
});

</script>

当我提交时发现发无法正常提交,后来利用ff浏览器检查错误时发现我们有一个id="submit",这样解决办法就出来了我们把

 代码如下 复制代码


<input type="button" class="loginform_submit" id="submit" value="http://www.mamicode.com/注册" />

改为

<input type="button" class="loginform_submit" id="register" value="http://www.mamicode.com/注册" />

再来提交就可以提交注册了,下面来介绍有一朋友利用js也碰以相同的问题

,需要使用js提交form表单。发现使用document.form1.submit();方法无法提交表单。火狐提示 submit is not a function 。最后找到解决方案。

1.表单中不能有name="submit" 的标签 ----我的就是这个问题

2

 代码如下 复制代码
.<form action="expat_search.php" name="expat_search" id="expat_search" method="post" enctype="multipart/form-data">,

表单中不能缺少《enctype="multipart/form-data"》。

3.当使用js 进行FORM 表单验证时:js验证脚本可以放在两个地方    1) 放在form 头标签中。 
    2)放在

 代码如下 复制代码
<input type=‘submit‘  onsubmit=‘js_code()‘ />

,   3)放在

 代码如下 复制代码
<input type=‘buttom‘ onclick=‘js_code()‘ />

这里总结下如果使用2)或者3)标签方式。一定 submit =>‘onsubmit‘, buttom=>‘onclick‘ 成对使用不可以错换。 如<input type=‘submit‘ onclick=‘js_code()‘/>这样是错误的。

 

原文地址: http://www.php100.com/html/program/jquery/2013/0905/5935.html