我在一个页面上有几个表单,其中包含类似小部件的元素来上传图像。可能有一个,也可能有十个。我试图动态地、单独地捕捉特定的表单
on submit
。这是我有的,但还有
submit
它只是刷新页面。你有什么想法吗?
表格如下:
<form id="med_blog_form_<?=$b['blog_med_id']?>" name="med_blog_form" class="med_blog_form" action="#" method="post">
<label for="media_blog_file_<?=$b['blog_med_id']?>">
<div class="btn_sm edit_blog_med_btn">UPLOAD</div>
<input type="file" id="media_blog_file_<?=$b['blog_med_id']?>" data-blog_med_id="<?=$b['blog_med_id']?>" class="media_blog_file" name="media_upload" hidden/>
<input type="hidden" name="upload_type" value="blog_media_upload" />
<input type="hidden" name="blog_id" value="<?=$blog_id?>" />
<input type="hidden" name="filename" value="<?=$b['src']?>" />
</label>
</form>
下面是jQuery:
$(".media_blog_file").change(function() {
blog_med_id = $(this).data("blog_med_id");
this_form = $(this).closest("form");
this_form.submit();
this_form.on('submit',(function(e) {
e.preventDefault();
alert("form submit "+blog_med_id);
//do other stuff here...
})
)
})