Saltar al contenido

evitar que la ventana modal de arranque se cierre al enviar el formulario

Hola, encontramos la respuesta a tu búsqueda, continúa leyendo y la hallarás a continuación.

Solución:

mira => http://getbootstrap.com/2.3.2/javascript.html#modals

usar

data-backdrop="static"

o

$("#yourModal").modal("backdrop": "static");

Editar1:

en tu enlace abriendo tu modal ==>

yourModal

Editar2:

http://jsfiddle.net/BVmUL/39/

Elimina lo siguiente:

data-dismiss = "modal"

Desde el botón que no debe cerrar el diálogo. Después de eso, puede cerrar el cuadro de diálogo usando $( “#TheDialogID” ).modal( “hide” ). Ejemplo:




Código JavaScript:

//#region Dialogs
function showSimpleDialog() 
  $( "#SimpleModalBox" ).modal();


function doSomethingBeforeClosing() 
  //Do something. For example, display a result:
  $( "#TheBodyContent" ).text( "Operation completed successfully" );

  //Close dialog in 3 seconds:
  setTimeout( function()  $( "#SimpleModalBox" ).modal( "hide" ) , 3000 );

//#endregion Dialogs

Así es como lo hice en mi programa, espero que ayude.

Este es el botón que activa el modal. Aquí he deshabilitado el teclado y el clic del mouse fuera del modal.

Este es el div modal, con un formulario y un botón de envío. Reemplazar ... con su contenido modal.


Finalmente, la función que se activa cuando hace clic en el botón Enviar. Aquí event.preventDefault(); evitará la acción predeterminada de envío de formulario, por lo que se mantendrá el modal.

function myFunction() 
    $("form").on("submit", function (event) 
        event.preventDefault();
        $.ajax(
            url: "yoururl",
            type: "POST",
            data: yourData,
            success: function (result) 
                console.log(result)
            
        );
    )

Eres capaz de apoyar nuestra misión poniendo un comentario o puntuándolo te damos la bienvenida.

¡Haz clic para puntuar esta entrada!
(Votos: 4 Promedio: 4.5)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *