0

このプラグインを使用して更新せずにフォーム送信を作成しました: 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>
4

0 に答える 0