テキストボックス内の値がオートコンプリート値からのみ入力されていることを確認する。

Question

私はWebアプリケーションを開発中です。値を入力するために、私はデータベースからデータを取得するオートコンプリートを使用しています。

$(document).ready(function hello(){ 
    var myVar1 = <%=request.getAttribute("variable1")%> 
     $("input#assignedbyid").autocomplete({ 
    source: myVar1 
     }); 
}); 

上記の例は私JDBCとjsonコードを使用して、データベースから取得された値の集合を与えます。時間の任意の時点でmyvar1の値は、次のようになります::

["Kapil","Mayur","Abhinav","Chandan"] 

オートコンプリート値のソースとして提供されますどの。 私のhtmlコードは私のinput tag onfocusがfunction hello().

<div id="lets"><input dojoType="dijit.form.ValidationTextBox" id="assignedbyid" name="assignedbyname" required="true" onfocus="hello();" onblur="hi();"></div> 

を呼び出し場所今私は、ユーザーが入力した値だけ("Kapil","Mayur","Abhinav","Chandan")なく他の値オートコンプリート値から来ていることを確認し検証チェックを持っていると思います。私は値が入力されない場合、テキストボックスが(onblur="hi();")を振るこのコードを持っています。そうでなければ、私はそのチェックをしたいと思っています。

<script type="text/javascript"> 
function periodical() { 
      $('#lets').effect('shake', { times: 5 }, 200); 
     }; 
      $(document).ready(function() { 
      $('#lets').hide().css('display','').fadeIn(600); 
       }); 
     function hi(){ 
      var dude = dojo.byId("assignedbyid").value; 

      if(dude==""){ 
       periodical();} 
      else{ 

      if(dude) 
       myVar1 

       alert("value entered");} 
       }; 
</script> 

私のelse部分は、当面は不完全です。どのようにこれを行うことができますか？ありがとう。

Answer 1

var V = $("#myInput").val(); 
if (V=="Kapil"||V=="Mayur"||V=="Abhinav"||V=="Chandan") { 
    //do something 
} 

または

var V = $("#myInput").val(); 
var myArray = ["Kapil","Mayur","Abhinav","Chandan"]; 

if ($.inArray(V, myArray)!=-1) { 
    //do something 
} 

Answer 2

あなたはjQueryのを使用している場合、あなたは$.inArray()メソッドを使用することができます：あなただけのプレーンなJavascriptを使用している場合

if($.inArray(enteredValue, myArray) == false) { ... } // If enteredValue is not in myArray 

を、それも簡単です：

if(myArray.indexOf(enteredValue) == -1) { ... } // If enteredValue is not in myArray 

Answer 3

このサンプルを使用するあなたのオートコンプリート用のコード。

サンプルコード..回答adeneoため

var url1 = sitepath+'opportunity/contact_autocomplete/'; 
     var related= ''; 
     $(function() { 
      $("#txtcontactid").autocomplete(
      { 
       source:url1, 
       select: function(event, ui) 
       { 
        log( 
         ui.item.id 
        ); 
       } 
      }); 
     });