1

Estou utilizando um form da seguinte forma:

<form name="mapping_marc" method="post" id="mapping_marc">
        <?php foreach ($all_properties_id as $compound_name => $sub_properties) {?>
            <div class='form-group'>
                <label class='col-md-12 col-sm-12 meta-title no-padding' name="<?= $compound_name?>" id="<?= $compound_name?>"> <?= $compound_name?> </label>
            <?php foreach ($sub_properties as $name => $id){?>
                    <label class='col-md-6 col-sm-12 meta-title no-padding'style="text-indent: 5%;"> <?= $name?> </label>
                    <div class='col-md-6 col-sm-12 meta-value'>
                            <select name="<?= $name ?>" class='data form-control' id="<?= $name ?>">
                                <?php foreach ($all_marc_fields as $field) { ?>
                                    <option name="<?= $field ?>" id="<?= $field ?>" value="<?= $field ?>"><?= $field ?></option>
                                <?php } ?>
                            </select>
                    </div>
            <?php } ?>
            </div>
        <?php } ?>
        <button type="submit" class="btn btn-primary btn-lg tainacan-blue-btn-bg pull-right" id="mapping_save"><?php _e("Save", "tainacan"); ?></button>
 </form>

E o JQuery assim:

$("#mapping_marc").submit(function (event) {
    event.preventDefault();

    $('#modalImportLoading').modal('show');
    $('#progressbarmapas').remove();

    $.ajax({
        url: $('#src').val() + '/controllers/collection/collection_controller.php?operation=save_mapping_marc',
        type: 'POST',
        data: {form: new FormData(this), collection_id: $("#collection_id").val()},
        success: function (elem) {
            if(elem.result)
            {
                window.location = elem.url;
            }
        }
    });
});

O formulário é inserido por meio de uma action do WordPress. Dessa forma o JQuery não encontra o formulário mas seu eu colocar um onclick no botão do form que chama uma função que executa esse jquery então eu consigo encontrar o formulario mas a operação new FormData(this) me retorna um erro. O que pode estar fazendo que o JQuery não encontre o formulário?

4
  • Não sei se vai funcionar @AndreAr, é um palpite, mas tente assim: new FormData($(this)).
    – BrTkCa
    17/03/2017 às 12:59
  • O erro persiste 17/03/2017 às 13:21
  • O form é carregado na tela dinamicamente? 17/03/2017 às 13:35
  • Sera que poderia colocar o html do form apos ser gerado pelo PHP? 17/03/2017 às 14:12

2 Respostas 2

1

Tente usar .on('submit') ao inves de .submit()

$(document).on( 'submit', '#mapping_marc', function (event) { /* etc */ });

Dessa forma, mesmo que o formulário entre mais tarde na página o evento vai funcionar porque ele foi adicionado ao document, não a um elemento inexistente no carregamento da página.

0

As vezes o javascript executa antes do seu formulario estar carregado, assim não adicionado seu evento ao formulario e pode ser que seja isso. use dessa forma:

$(function(){ //executar somente quando o html for totalmente carregado
  $("#mapping_marc").on("submit", function(){
    //código
  })
})

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .