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