データリストが入力texと一致しない場合にメッセージを表示するにはどうすればいいですか？

Question

入力テキストがデータリストと一致しない場合、どのように「データが利用できません」というメッセージを表示できますか？

<input list="browsers" name="browser"> 
<datalist id="browsers"> 
<option value="Internet Explorer"> 
<option value="Firefox"> 
<option value="Chrome"> 
<option value="Opera"> 
<option value="Safari"> 
</datalist> 

Answer 1

<!---try this ;--->

function CheckListed(txtSearch ) { 
 
    var objList = document.getElementById("browsers") ; 
 
    for (var i = 0; i < objList.options.length; i++) { 
 
     if (objList.options[i].value.trim().toUpperCase() == txtSearch.trim().toUpperCase()) { 
 
     return true } 
 
     } 
 
     alert('does not matched.') ; 
 
     return false ; // text does not matched ; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input list="browsers" name="browser" onblur="CheckListed(this.value);"> 
 
    <datalist id="browsers"> 
 
    <option value="Internet Explorer"> 
 
    <option value="Firefox"> 
 
    <option value="Chrome"> 
 
    <option value="Opera"> 
 
    <option value="Safari"> 
 
</datalist>