Question

Hola, tengo un form en mi html, trabajo con codeigniter, y agregó un fichero .js con un código sencillo es para validar si decea eliminar el o los elementos seleccionados pero no me funciona.
Código en HTML:

$form2 =    array('name' => 'form2', 'id' => 'form2',   'class' => 'form-horizontal');
<?php echo form_open(base_url().'direccion/camino2',$form2)?>                       
     <div class="form-group" id="menu_botons" class="menu_botons">
            <input type="submit" name="delete" id="delete" value="Eliminar" onclick="pregunta()">
            <input type="submit" name="re_insert" id="re_insert" value="Re-Insertar" ... más código

incluyo mi js en mi html:

<script src="<?php echo base_url() ?>js/admin.js"></script> 

lo reconoce en el debug del navegador que uso Firefox Developer Edition
mi código js en mi fichero admin.js

function pregunta(){ 
    if (confirm('¿Estas seguro deseas eliminar los datos seleccionados?')){ 
       document.form2.submit();
    } 
} 

y cuando abró la página que le doy clic al botón Eliminar va directo a la página y no me pregunta la confirmación.
Quiero que si dan click en Aceptar se proceda a ir a la página que procesará los datos para leiminar la/s noticia/s seleccionada/s y si dan click en Cancelar que se quede en la página como si no se hubiece dado click en el botón Eliminar.
Saludos Dairon

Answer 1

Creo que el error está en:

<input type="submit" name="delete" id="delete" value="Eliminar" onclick="pregunta()">

Esa línea crea un input del tipo submit (botón para hacer la acción correspondiente en el formulario). Al hacer click suceden dos cosas: se ejecuta el script JS y se hace la subida del formulario (independientemente de la ejecución del JS).

Creo que podría solucionarlo con un button:

<button onclick="pregunta()">Eliminar</button>

Otra opción es utilizar el onsubmit del formulario (documentación de validación). La línea del formulario queda:

<form name="x" onsubmit="return pregunta()" method="post" action="x">

Y la función:

function pregunta(){ 
    if (!confirm('¿Estas seguro deseas eliminar los datos seleccionados?')){ 
       return false;
    }
}