Skip to main content
se eliminaron 12 caracteres en el cuerpo
Origen Enlace
Francisco Romero
  • 16.7k
  • 5
  • 34
  • 64

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>

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 fechaFinal es menor que la inicial 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('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>

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.

Y por último, para que el atributo title se cambie cuando la condición sea incorrecta, debes reescribir su valor accediendo directamente al valor de title:

function validate() {
inicio=document.getElementById('fechaInicial').value;
fin=document.getElementById('fechaFinal').value;
if(fin<inicio) 
document.getElementById('fechaFinal').title ='Esta fecha ser mayor a fecha incial.';
}
<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>

se añadieron 109 caracteres en el cuerpo
Origen Enlace
Francisco Romero
  • 16.7k
  • 5
  • 34
  • 64

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 fechaFinal es menor que la inicial 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('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>

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:

function validate() {
inicio=document.getElementById('fechaInicial').value;
fin=document.getElementById('fechaFinal').value;
if(fin<inicio) 
document.getElementById('fechaFinal').setCustomValidity('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>

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 fechaFinal es menor que la inicial 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('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>

Origen Enlace
Francisco Romero
  • 16.7k
  • 5
  • 34
  • 64

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:

function validate() {
inicio=document.getElementById('fechaInicial').value;
fin=document.getElementById('fechaFinal').value;
if(fin<inicio) 
document.getElementById('fechaFinal').setCustomValidity('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>