Formulário com JQuery dando refresh na página ao invés de submit
Amigos, estou com o seguinte problema: quando monto meu formulário dinamicamente, ao clicar no botão submit é dado um refresh na página, ao invés de realizar o submit. Esse formulário busca todos os registros de uma dada categoria no banco de dados e os monta na página para que possam ser editados individualmente.
Segue o código:
//montando os formulários:
$.each(responseJson, function(key, value){
var itens = "<div class='card_nbl'><div class='container_nbl'><div class='text_card_nbl update_info_consulta'><form name='updateProntuario' method='post'><label style='text-align: left;' for='prontuario'>Consulta:</label><textarea name='prontuario' class='input_full' style='resize: none; height: 100px; padding-top: 10px; margin-top: 5px;' id='prontuario'>"+value.descricao+"</textarea><label style='text-align: left;' for='info_sigilosa'>Informações sigilosas:</label><br><textarea name='info_sigilosa' class='input_full' style='resize: none; height: 100px; padding-top: 10px; margin-top: 5px;' id='info_sigilosa'>"+value.info_sigilosa+"</textarea><input type='submit' name='salvar' value='Salvar' class='btn btn_padrao'></form></div></div></div>"
$("#item1mobile").append(itens)
})
Minha função de submit:
$(function(){
$('form[name=updateProntuario]').submit(function(){
$.ajax({
type: 'POST',
url: 'www',
dataType: 'json',
data: $(this).serialize(),
success: function(data){
$("#loading").attr("class", "loading")
swal_sucesso("Tudo certo!", "As informações sobre a consulta foram atualizadas.")
}
});
return false;
})
})
OBS: quando eu faço o formulário direto no HTML (sem montar vários itens com um laço, como acima), o submit funciona normalmente.Discussão (0)
Carregando comentários...