我刚创建了一个表单提交而没有使用此插件刷新: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>