Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    jquery autocomplete - esecuzione prima di submit

    ciao a tutti ho un problema con l'autocomplete

    ho creato un campo di ricerca con autocomplete, il mio problema è che se qualcuno scrive
    e poi clicca direttamente il pulsante di ricerca...

    parte il submit prima che il campo hidden venga valorizzato..

    codice:
    jQuery('#form_ricerca_agenzie_aree #tag').autocomplete({			
    			source: 'ajax/auto-ricerca-agenzia-aree.php',			
    			minLength:2,			
          		/*change:function(event,ui){
    				if(!ui.item){
    					jQuery(this).val('');
    					jQuery('#form_ricerca_agenzie_aree #id').val('');
    					return false;
    				}
    			},*/
          		select:function(event,ui){
            		jQuery('#form_ricerca_agenzie_aree #id').val(ui.item.id);
            	},
    			close:function(event,ui){ 
    				input_agenzie_focusout("#form_ricerca_agenzie_aree","ajax/auto-ricerca-agenzia-aree.php")
    			}
          	}); 
    		
    		jQuery('#form_ricerca_agenzie_aree #submit_ricerca').click(function () {
    			//input_agenzie_focusout("#form_ricerca_agenzie_aree","ajax/auto-ricerca-agenzia-aree.php");			
    			//setTimeout('document.forms["form_ricerca_agenzie_aree"].submit()',1000);	
    			if( (jQuery('#form_ricerca_agenzie_aree .input_ricerca').val().length > 2 && jQuery('#form_ricerca_agenzie_aree #id').val().length >0) || (jQuery('#form_ricerca_agenzie_aree .input_ricerca').val().length == 0 && jQuery('#form_ricerca_agenzie_aree #id').val().length == 0))
    			{
    				document.forms["form_ricerca_agenzie_aree"].submit();		
    			} 
    		});
    NB non posso mettere il submit nel close dell'autocomplete... perchè se no mi parte il submit ogni volta che l'utente clicca fuori dall'input di ricerca...cioè ogni volta che il menu dell'autocomplete si chiude...
    a me serva che parta.. ma alla pressione del button invia.

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Tieni il tasto disabilitato e lo abiliti solo (credo) nel funzione close, c'è quando chiudi il "div lista" che significa che si è eseguito una scelta
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    potrebbe essere una soluzione, ma non è certo il massimo dell'usabilità...

    l'utente sarebbe quanto meno confuso, non capendo come mai il tasto sia disabilitato o abilitato.. un utente si aspetta che un tasto.. faccia qualcosa appunto.

    oltre a questo, il tasto deve essere abilitato a prescindere perchè se non scrivi nulla nel campo di ricerca, deve partire comunque il submit, ma senza per l'appunto filtro.

    io pensavo di catturare magari un evento...

    tipo il focus sul pulsante di invio... ma non so come fare.. event.focusin mi da undefined..

    codice:
    jQuery('#form_ricerca_agenzie_aree #tag').autocomplete({			
    			source: 'ajax/auto-ricerca-agenzia-aree.php',			
    			minLength:2,			
          		/*change:function(event,ui){
    				if(!ui.item){
    					jQuery(this).val('');
    					jQuery('#form_ricerca_agenzie_aree #id').val('');
    					return false;
    				}
    			},*/
          		select:function(event,ui){
            		jQuery('#form_ricerca_agenzie_aree #id').val(ui.item.id);
            	},
    			close:function(event,ui){ 
    				alert(event.focusin);
    				input_agenzie_focusout("#form_ricerca_agenzie_aree","ajax/auto-ricerca-agenzia-aree.php")
    			}
          	}); 
    		jQuery('#form_ricerca_agenzie_aree #submit_ricerca').focusin(function () { });

  4. #4
    pensavo di usare questo

    if(jQuery(document.activeElement).attr('id') == "submit_ricerca")


    ma non funziona su tutti i browser... ad esempio su Firefox sembra andare.. su Chrome no..

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.