JSFiddle - React, Tailwind, and code Playground

by Rayon Dabre

HTML

<form action="order.php" method="post" name="myForm" onsubmit="return(validate());">
  <input type="text" list="From" name="From" autocomplete="off" placeholder="From Place">
  <datalist id="From">
    <option value="Bankura Bus Stand"></option>
    <option value="Bankura Hospital"></option>
    <option value="Katjuridanga"></option>
    <option value="Lokepur"></option>
  </datalist>
  <input type="submit" value="Book Now">
</form>

JavaScript

function validate() {
  var val = document.myForm.From.value;
  var from = document.getElementById('From');
  var optionValuesArr = Array.from(from.options).map(function(elem) {
    return elem.value;
  });
  if (val == "") {
    alert("Please select From Place.!");
    return false;
  } else if (optionValuesArr.indexOf(val) === -1) {
    alert("item not in list.!");
    return false;
  }
}