Jquery。提交无法正常工作

时间:2013-08-19 14:02:52

标签: jquery html forms

我有一个可滚动的Jquery表单,我遇到了麻烦。除了实际的表单提交外,一切正常。

以下是我遇到问题的脚本部分的代码,无论我尝试什么,点击提交都拒绝工作!

HTML FOR FORM:

<form method="post" action="register.php" enctype="multipart/form-data" id="default-form">
        <input type="hidden" name="mode" value="register" />
<input class="send submit" type="submit" name="submit_fourth" id="submit_fourth" value="" />

申请表格提交:

$('#submit_fourth').click(function(){
    //send information to server
    $('#default-form').submit();
});

你可以看到jsFiddle上的所有代码: http://jsfiddle.net/jSKMh/1/

此处有实时版本:https://www.geniusmoney.co.uk/users/register2.php(只需点击脚本,目前已停用表单验证)

5 个答案:

答案 0 :(得分:3)

像这样修改

<input class="send submit" type="button" name="submit_fourth" id="submit_fourth" value="" />

答案 1 :(得分:1)

由于您使用以下行返回提交:

$('form').submit(function(){ return false; });

您的提交永远不会消失。而是试试这个:

$('#submit_fourth').click(function(){
    //send information to server
    $('#default-form').unbind('submit').submit();
});

答案 2 :(得分:0)

试试这个:

$('#submit_fourth').click(function(e){
   e.preventDefault();
   //send information to server
   $('#default-form').submit();
});

答案 3 :(得分:0)

When you click at your submit button the page is submitted becuase of your submit button  . so you couldn't notice that . change it in button type. 
 so use like this 
<input class="send submit" type="button" name="submit_fourth" id="submit_fourth" value="" />

答案 4 :(得分:0)

简而言之,您或多或少都试图覆盖提交按钮的提交功能。由于您当前将其设置为提交按钮,因此它将在没有任何jQuery的情况下提交您的表单onclick。您需要将类型从提交更改为仅按钮或删除您的jQuery。