在Vex Popup中提交表单

时间:2015-06-10 20:25:34

标签: javascript php jquery ajax forms

我正在使用Material Design构建一个网站,当用户点击新帖子的按钮时,PopUp会打开(由Vex管理),用户可以在其上输入一些文本,添加文件,当他点击“去“文件和消息将通过method = post推送到另一个文件。

问题:Vex将表单放在所有内容之上,因此我不确定如何将所有数据提交到我的fnc_create_post.php文件中。我试图通过添加方法,动作和enctype来操纵外部表单,但它无法推送文件。

$('#new-post').on('click', function(){
        vex.dialog.open({
          message: '<b>Neuer Beitrag</b>',
          input: '<input type="hidden" name="classid" value="<?php echo $id; ?>" /><div class="create-post input-field"><textarea name="message" style="min-height:100px" placeholder="Erstellen Sie hier Ihre Nachricht..."></textarea><div class="file-field input-field" style="display:none;"><div class="btn"><span><i class="mdi-editor-attach-file"></i></span><input name="file" id="file" type="file" /></div><div class="file-description"><i class="mdi-hardware-keyboard-arrow-left"></i> Optional Datei hinzufügen</div><div class="remove-file"><i class="mdi-action-highlight-remove small"></i></div><div class="clearfix"></div></div></div><input type="submit" style="display:none;" />',
          afterOpen: function($vexContent) {
            $('form.vex-dialog-form').attr('action', 'fnc/create_post.php').attr('method', 'POST').attr('enctype', 'multipart/form-data');
          },
          onSubmit: function(e) {

          }
        });
    });

我该如何解决?通过Ajax推送一切?我做错了什么?

0 个答案:

没有答案