Tienes bastantes problemas con las comillas. Además, no les has indicado los ID's a ninguno de tus inputs
.
Por otro lado, tendrías que comparar con respecto a inicio
y no a la variable inicial
, la cual no está definida. He añadido un alert cuando la
Y por último, para que el atributo fechaFinaltitle
es menor quese cambie cuando la condición sea incorrecta, debes reescribir su valor accediendo directamente al valor de inicialtitle
para que se vea que el código funciona.:
function validate() {
inicio=document.getElementById('fechaInicial').value;
fin=document.getElementById('fechaFinal').value;
if(fin<inicio)
document.getElementById('fechaFinal').setCustomValidity('Estatitle ='Esta fecha ser mayor a fecha incial.');
alert("La fecha final es menor que la inicial.");';
}
<form class="form-horizontal" method="post" action="" name="form">
Desde:<input id="fechaInicial" name="fechaInicial" type="date" placeholder="" required="" max="<?php echo date('Y-m-d');?>">
Hasta:<input id="fechaFinal" name="fechaFinal" type="date" title="La fecha inicial debe ser menor que la fecha final" required="" max="<?php echo date('Y-m-d');?>" oninput="validate()">
</form>