このプラグインを使用して更新せずにフォーム送信を作成しました: http://malsup.github.com/jquery.form.js
簡単な例は、 http://jquery.malsup.com/form/で見ることができます。
私が何をしていたかはわかりません。覚えていないものを変更するまでは、以前はうまく機能していました。
[保存] をクリックすると、バックグラウンドで処理され、同じページにとどまるはずです。しかし、今はそうではなく、アクション ページ (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>