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