Problema validacion campo no vacio

[nanirm16]

Hola buenas tardes, tengo un formulario con un campo de fecha que se llena a traves de un calendario. en casi de que el usuario deje ese campo vacio, hice una funcion para que me muestra un alert. el problema es que cuando le doy aceptar al mensaje de alert, la pagina se dirige al error que me manda el mysql
Column 'date_f' cannot be null

nose que pueda estar sucediendo. este es el script que uso

<script language="JavaScript">
<!--
function verificar()
{
if(form1.date_f.value.replace(/ /g, '') == '')
{
alert("Debe Ingresar Fecha de Falla ");
form1.date_f.focus();
form1.date_f.select()
return false;
}
}
-->
</script>

la funcion la llamo poniendo un evento onclik al boton de submit
<input type="submit" name="button" id="button" value="Guardar" onClick="verificar()" >

y este es el campo de la fecha.
<input type="text" name="date_f" id="f_date_f" readonly/>
<button type="reset" id="f_trigger_f">...</button>
mediante el boton cargo el calendario.

si pudieran ayudarme se los agradeceria mucho. saludos

[lubtufano]

Lo que se necesita es cancelar el evento por default del formulario, es decir, se necesita que cuando el campo de fecha este vacio el formulario no sea enviado al servidor; eso se puede lograr de la siguiente forma.

function verificar(elEvento)
{
if(form1.date_f.value.replace(/ /g, '') == '')
{
alert("Debe Ingresar Fecha de Falla ");

if(window.event) // Si es internet explorer
window.event.returnValue= false;
else // Otros navegadores, es necesario pasar como parametro la palabra clave event
elEvento.preventDefault();

form1.date_f.focus();
form1.date_f.select()
}
}

Y para llamar a la función se hace de esta manera.

<input type="submit" name="button" id="button" value="Guardar" onClick="verificar(event)" >

Tambien se puede llamar a la función verificar desde el evento 'onsubmit' del formulario y creo que esto es mejor.

<form onsubmit="verificar(event)">

[nanirm16]

Muchisimas gracias de verdad.... que Dios te bendiga!!!!

[rjulio21]

disculpa. pero segun lo que tu dices el código quedaria de esta manera:

Código Javascript:

function formEmpr(form,event){
    bandera=0;
    if(validarRif(form.tipoRif,form.rif,form.rifFinal)){
        if(marcarObligatorio(form.tipoEmp))
        if(marcarObligatorio(form.nombre))
        if(marcarObligatorio(form.direccion))               
        bandera=2;
        if (bandera==2){
            
            if(form.infruc.value!=0){
                if(numerico(form.infruc)){
                    bandera=3;
                    event.preventDefault();
                }   
            }
            if(form.porcent.value!=0){
                if(numerico(form.porcent)){
                    bandera=3
                    event.preventDefault();
                }
            }
            if(bandera==3){
                bandera=1
                
            }
        }else{
            alert("¡los campos marcados con asterisco (*) son obligatorios!");
            return false;
        }   
        if (bandera==1){
            alert("Formulario completo")
            return false;
        }   
            
    }else{
        return false;
    }//fin if validarRif
    
    
    
    
}//fin funcion formEmp=====================================================
 

entoncs que
Puse el codigo asi. e iwal me sigue dando el mismo error. Aunque sinceramente no se porq cancelar el evento. Yo jamas e cancelado el evento onSubmit en los formularios. Podrias decirme porq es necesario? gracias.