Validating two date fields

Question

I need to check if the user entered the date in two date fields.

<input type="text" name="data1"/>
<input type="text" name="data2"/>

How do we fix this? If I put required in the field, it only works on Chrome. But and pro Firefox and Safari?

See @Renaro Santos

<script> 
function validar(){ 
var data1= document.getElementById("dataInicio").value; 
var data2= document.getElementById("dataFim").value; 
if(data1 == "" || data2=""){ 
alert('Uma das datas esta vazia'); 
return false; 
} 
} 
</script>
<form method="post" action="" onsubmit="validar()"> 
Data inicial<input type="text" id="dataInicio" name="dataInicio" required> 
Data Final<input type="text" id="dataFim" name="dataFim" required>
<input type="submit" name="pesquisar" value="Pesquisar">
</form>

Answer 1

The error both in the author’s question and in the answer of Renaro Santos (em javascript) is on that line

if(data1 == "" || data2=""){

exactly in data2=""

The correct is data2 ==

if(data1 == "" || data2 == ""){

function validar(){ 
var data1= document.getElementById("dataInicio").value; 
var data2= document.getElementById("dataFim").value; 
if(data1 == "" || data2 == ""){ 
   alert('Uma das datas esta vazia'); 
   return false; 
} 
}

<form method="post" action="" onsubmit="validar()"> 
Data inicial<input type="text" id="dataInicio" name="dataInicio" required> 
Data Final<input type="text" id="dataFim" name="dataFim" required>
<input type="submit" name="pesquisar" value="Pesquisar">
</form>

Answer 2

Check that the fields are empty, Voce can do this using Javascript and PHP.

Put ID’s in the elements:

<script>
    function validar(){
    var data1= document.getElementById("data1").value;
    var data2= document.getElementById("data1").value;

    if(data1 == "" || data2=""){
       alert('Uma das datas esta vazia');
       return false;
       }
    return true;

    }
</script>

 <form method="POST" action="action.php" onsubmit="validar()">
      <input type="text" name="data1" id="data1"/>
      <input type="text" name="data2" id="data2"/>
    </form>

PHP (php action.)

<?php

$data1=$_POST['data1'];
$data2=$_POST['data2'];

if($data1 =="" || $data2 ==""){
  echo 'Uma das datas esta vazia';
  return;
  }

?>