0

私はdivのonclickに追加されたこのフォームを持っています

$('#div').click(function(){
   $('#div').load('form.php');
});

ここにフォームが追加されています

    <form id="addpic" name="addpic" method="post" enctype="multipart/form-data" action="docupload.php">
      <input type="file" name="mfoni" id="upper1" style="height:10px; width:100px; cursor:hand;" />
      <input type="hidden" name="user" value="<?php echo $id; ?>" id="user" />
   </form>

今、ページを更新したり、以下のコードでリダイレクトしたりせずにフォームを送信したい

$("input#upper1").live('change', function(){
       alert("gone");
       // works up to this point
       $("form#addpic").ajaxForm({
         target: '#loading'
      }).submit();
    })

これはアラート（「ゴーン」）ポイントまで機能し、停止します

4

1 に答える 1

1

外部JSファイル参照の下に欠落しているようです

http://malsup.github.com/jquery.form.js

.on()もう1つは、を使用するのではなく、使用する必要があることです.live()。live()メソッドはjQuery 1.7で非推奨になったため。

ajaxForm()とを使用する必要はありません.submit()。を使用するだけajaxSubmit()です。

JS コード:

$("input#upper1").on('change', function(){
    alert("gone");
    $("form#addpic").ajaxSubmit({
        type: "post",
        success: function() {
            alert("Processed");
        },
        complete: function() {
            alert("File upload is completed");
        }
    });
});

ライブデモを参照

于 2013-10-26T08:36:39.780 に答える