表单提交而不使用插件刷新(malsup)

时间:2012-11-16 19:13:08

标签: php javascript jquery html forms

我刚创建了一个表单提交而没有使用此插件刷新:http://malsup.github.com/jquery.form.js

可以看到简单的例子 http://jquery.malsup.com/form/

我不是我在做什么,之前一切正常,直到我修改了一些我不记得的东西。

当我点击SAVE时,它应该在后台处理,它应该保持在同一页面上。但现在,它没有,它将我重定向到操作页面(process-001.php)

我使用相同的方法创建了另一个页面,它运行得很好。

你能看出我做错了吗?

以下是表格:

<div id="submit-form">
<form action="web-block/forms/process-001.php" id="select-block" class="general-form" method="post" enctype="multipart/form-data">
<div class="input-wrap">
    <input class="clearme" name="Headline" value="<?php echo $Headline;?>" id="headline"/>
</div>
<div class="input-wrap">
    <textarea class="clearme" name="Sub-Headline" id="subheadline"><?php echo $SubHeadline ;?></textarea>
</div>
<label>Bottom Left Image</label>
<div class="up-mask">
    <span class="file-wrapper">
      <input type="file" name="Pics" class="photo" id="pics" />
      <span class="button">
         <span class="default-txt">Upload Photo</span>
      </span>
    </span>
</div><!-- .up-mask -->

<input type="hidden" name="Key" id="Key" value="<?php echo $Key;?>"/>
<input type="submit" class="submit-btn" value="SAVE" />
<span class="save-notice">Your changed has been saved!</span>
</form>
</div>

Javascript:

<script> 
        // wait for the DOM to be loaded 
        $(document).ready(function() { 
            // bind 'myForm' and provide a simple callback function 
            $('#select-block').ajaxForm(function() { 
                alert("Thank you for your comment!"); 
            }); 
        }); 
</script>

0 个答案:

没有答案