intercettare evento onblur e cancellarlo

[mpala]

Ciao a tutti, in fase di controllo di elementi input (text) con javascript, avrei necessità di annullare l'evento on blur, e quindi fare in modo che il cursore non si sposti dall'elemento a cui è associato se non vengono soddisfatte determinate condizioni. Vi posto il codice html e la funzione javascript associata. In questo caso, quando si verifica l'evento blur, vorrei che venisse visualizzato un messaggio e che il cursore rimanesse dentro l'elemento 'pag_1', ho provato ad utilizzare preventDefault ma il cursore passa sempre all'elemento successivo 'pag_2'. Potete aiutarmi?

Grazie a tutti!


<input id="pag_1" type="text" onblur="controlla(event)">
<input id="pag_2" type="text">


function controlla(e)
{
alert(e.target.id);
e.preventDefault();

}

[cavicchiandrea]

Originariamente inviato da mpala
... e quindi fare in modo che il cursore non si sposti dall'elemento a cui è associato se non vengono soddisfatte determinate condizioni. Vi posto il codice html e la funzione javascript associata. In questo caso, quando si verifica l'evento blur, vorrei che venisse visualizzato un messaggio e che il cursore rimanesse dentro l'elemento 'pag_1', ...

Non è possibile fai i controlli al submit del form

[mpala]

Il submit non viene chiamato in causa perchè il form viene inviato attraverso una funzione js (non esiste input type 'submit'). Il problema è l'impossibilità di fermare l'evento blur, forse perchè non prevede il bubbling.... l'evento viene correttamente intercettato, infatti il testo dell'alert riporta l'id dell'elemento che ha scatenato l'evento. Hai idea di come posso risolvere?

Grazie!

[Vindav]

function controlla(e)
{
alert("errore");
e.target.focus();

}

[mpala]

Niente da fare, ho provato a ridare il focus all'elemento, ma in ogni caso il cursore si posiziona su 'pag_2'...esiste un evento alternativo a blur?

[cavicchiandrea]

Originariamente inviato da mpala
Il submit non viene chiamato in causa perchè il form viene inviato attraverso una funzione js

Sarebbe comunque meglio fare i controllo nella funzione prima dell'invio

(non esiste input type 'submit'). Il problema è l'impossibilità di fermare l'evento blur, forse perchè non prevede il bubbling.... l'evento viene correttamente intercettato, infatti il testo dell'alert riporta l'id dell'elemento che ha scatenato l'evento. Hai idea di come posso risolvere?

Grazie!

Per i campi input poi provare cosi (ma non garantisco che sia funzionante con tutti i browser)
<input id="pag_1" type="text" onblur="controlla(this)">
<input id="pag_2" type="text">

function controlla(ele)
{
if(controlli se torna false){
alert('indicare l\'errore');
setTimeout(function(){document.getElementById(ele. id).focus()},100)
return false;
}
}

[Vindav]

Originariamente inviato da mpala
Niente da fare, ho provato a ridare il focus all'elemento, ma in ogni caso il cursore si posiziona su 'pag_2'...esiste un evento alternativo a blur?

Ci sarà qualche errore nella tua pagina, come ti ho suggerito funziona

[mpala]

Ho risolto con la soluzione di Cavicchi Andrea:
praticamente dovevo valutare se il value del campo era un numero e in caso contrario riportare il focus sull'elemento:

function controlla(ele)
{
if (isNaN(ele.value))
{
alert('Non è un numero');
setTimeout(function(){document.getElementById(ele. id).focus()},10)
return false;
}
}

Grazie a tutti per la collaborazione!!