क्या कोई jQuery स्वत: पूर्ण प्लगइन है जो किसी आइटम के चयन को मजबूर करेगा?

Question

autocomplete है, लेकिन यह किसी आइटम के चयन को मजबूर नहीं करता है। मुझे ऐसा कुछ चाहिए लेकिन इसे "सबमिट" करने से पहले किसी आइटम को चुनने के लिए मजबूर करना होगा।

क्या यह अस्तित्व में है?

Answer 1

यह .blur के साथ अपने समाधान है (इसके अलावा मैं नाम का उपयोग | आईडी जोड़े)

jQuery("#username").autocomplete(
    "/yii_app/stock/suggestUser", 
    { 
     'mustMatch':true, 
     'multiple':false, 
     'formatItem':function(result, i, num, term) { 
      return '<small>'+result[1]+'</small>&nbsp;&nbsp;&nbsp;'+ result[0]; 
     } 
    } 
).result(
    function(event,item) { 
     $("#user_id").val(item[1]); 
    } 
).blur(
    function() { 
     $("#user_id").val(''); 
     $(this).search(); 
    } 
); 

user_id एक छिपा इनपुट क्षेत्र है, उपयोगकर्ता नाम एक पाठ इनपुट क्षेत्र है ajax परिणाम निम्न स्वरूप का उपयोग करता है: user1name | user1id \ n user2name | user2id \ n

Answer 2

validation प्लगइन के साथ संयोजन में इसका उपयोग करें। सत्यापन प्लगइन के लिए बस क्षेत्र required बनाएं।

Answer 3

विकल्प का उपयोग करें:

mustMatch:true, 

यह उपलब्ध नही है बासिस्टेंस स्वत: पूर्ण प्लगइन में ई। Ii नहीं जानता कि यह jQuery स्वत: पूर्ण या बासिस्टेंस के स्वतः पूर्ण का हिस्सा है, लेकिन यह काम करता है!

Answer 4

तुम भी में घटना

$('Autocomplete').autocomplete({ 
      select: function(event, ui) { 
         $('submit').show(); 
        } 
}); 

Answer 5

प्रस्तुत निर्मित यह मेरे वर्तमान समाधान का उपयोग है का उपयोग कर सकते jQuery UI के autocomplete:

$('#some-input').autocomplete({ 
     source: 'some-url', 
     autoFocus: true, 
     minLength: 2, 
     select: function(event, ui) { 
      //remember the selected item 
      $('#some-input') 
       .data('selected-item', ui.item.label); 
     } 
    }).blur(function() { 
     var value = $('#some-input').val(); 
     //check if the input's value matches the selected item 
     if(value != $('#some-input').data('selected-item')) { 
      //they don't, the user must have typed something else 
      $('#some-input') 
       .val('') //clear the input's text 
       .data('selected-item', ''); //clear the selected item 
     } 
    }); 

हर बार कलंक घटना शुरू हो रहा है, इनपुट के मूल्य है पहले उठाया गया है की जांच की। यदि इसे नहीं चुना गया है (आप जानते हैं कि चयन ईवेंट कभी ट्रिगर नहीं हुआ है), 'चयनित-आइटम' चर इनपुट के मान से मेल नहीं खाएगा। फिर आप जो चाहें कर सकते हैं (मैं इनपुट साफ़ करता हूं, लेकिन आप कुछ और कोशिश कर सकते हैं)।

Answer 6

आप स्वत: पूर्ण

 var availableTags = [ 
      "ActionScript", 
      "AppleScript" 
     ]; 
     $("#tags").autocomplete({ 
      source: availableTags, 
      change: function (event, ui) { 
       if(!ui.item){ 
        //http://api.jqueryui.com/autocomplete/#event-change - 
        // The item selected from the menu, if any. Otherwise the property is null 
        //so clear the item for force selection 
        $("#tags").val(""); 
       } 

      } 

     });