Type=Password

[^EvAmPiReS^]

Vorrei chiedervi una cosa:

Sto cercando di inviare dati tramite un form ed una richiesta Ajax.
Mettiamo caso che io abbia un form con un campo password.
Se imposto nell'html come type, password

<input id="password" name="password" type="password" />

ad esempio su firefox, parte la richiesta di salvataggio o meno della password in questione
nei cookies (non adesso, ricorda, ecc.ecc.), seppure magari il mio form non sia stato ancora
validato e presenti degli errori...come posso risolvere?
Altra cosa: cosa metto nell'attributo "action" del form per far si che possa validare il codice
secondo la DTD Transictional?
Grazie.

[cavicchiandrea]

Prova cosi:

onsubmit="TuaFunzioneAjax(tuoidati);return false;"

col return false alla fine, per la action io ci metto la pagina del login per chi non js attivo, al limite prova con action="#" oppure a togliere l'attributo dal form.

[br1]

<input id="password" name="password" type="password" />

Non si posssono usare parole riservate per i nomi dei campi (e di altri oggetti nella pagina)

[^EvAmPiReS^]

Originariamente inviato da cavicchiandrea
Prova cosi:

onsubmit="TuaFunzioneAjax(tuoidati);return false;"

Niente, continua a chiedermi della password...

Originariamente inviato da br1
Non si posssono usare parole riservate per i nomi dei campi (e di altri oggetti nella pagina)

Si si era solo una roba per farmi capire

[cavicchiandrea]

Boh... posta il form e la funzione ajax, o meglio ancora un link alla pagina pubblica.

[^EvAmPiReS^]

Utilizzo jQuery 1.4 ed i plugin Validation 1.6 e Form.
Questo il codice html del form:

<form id="p_registrazione" action="../php/p_submit_test.php" method="post" onsubmit="return false;">
<fieldset>
<legend>Dati di registrazione</legend>
<label for="p_cognome">Cognome</label>
<input id="p_cognome" title="Cognome" name="p_cognome" type="text" tabindex="1" />

<label for="p_nome">Nome</label>
<input id="p_nome" title="Nome" name="p_nome" type="text" tabindex="2" />

<label for="p_username">Username</label>
<input id="p_username" title="Username" name="p_username" type="text" tabindex="3" />

<label for="p_password" >Password</label>
<input id="p_password" title="Password" name="p_password" type="password" tabindex="4" />

<label for="p_password_ripeti">Ripeti la password</label>
<input id="p_password_ripeti" title="Ripeti la password" name="p_password_ripeti" type="password" tabindex="5" />

<label for="p_email">E-mail</label>
<input id="p_email" title="E-mail" name="p_email" type="text" tabindex="6" />

<input id="p_registrazione_invia" title="Invia" value="Invia" type="submit" tabindex="7" />
</fieldset>
</form>

Per quanto riguarda la funziona Ajax se ne occupa il plugin Form, che invia i dati POST
opportunamente formattati (credo JSON) alla pagina specificata nell'action.
P.S. Secondo voi manca qualcosa di importante nel form? Intendo attributi, tag
qualcosa di standard che mi sono dimenticato? Il pulsante di solito lo mettete, fuori o
dentro il fieldset? Scusa il piccolo OT.

[cavicchiandrea]

Non mi sembra, fai queste prove:
a) Form semplice con il solo campo password che richiama la funzione ajax.
b) Inserisci nella funzione ajax qualche alert che testi che la funzione funzioni correttamente.
c) Verifica che la parte lato server (pagina.php) funzioni correttamente, anche senza ajax.
d) Usa (se già non lo fai) firefox con estensione firebug per testare il tutto.

[^EvAmPiReS^]

Ok, ho messo tutto online: sitarello.
Funziona così:

nella index.html, c'è il form di registrazione che ho postato prima.
La validazione avviene tramite javascript.
La compilazione dello username, in particolare viene controllata tramite POST,
insomma ti dice se quello username è già in utilizzo e per questo ho creato un DB
con due utenti "Pippo e Paperino". Questa storia sembra funzionare.
A questo punto ho creato un file javascript utilizzando il plugin Form:

p_registrazione_submit.js

$(document).ready(function() {
    var options = {
        beforeSubmit:  showRequest,  // pre-submit callback 
        success:       showResponse  // post-submit callback
	};

    // bind to the form's submit event
    $('#p_registrazione').submit(function() {
		$(this).ajaxSubmit(options);
        // serve ad impedire il normale submit e la relativa navigazione
        return false;
	});
});
 
// pre-submit callback 
function showRequest(formData, jqForm, options) {
    var queryString = $.param(formData);
    alert('Sto per inviare i dati: \n\n' + queryString);
    // here we could return false to prevent the form from being submitted; 
    // returning anything other than false will allow the form submit to continue

   // ??? FORSE E' QUI IL PROBLEMA??? PERO' SE METTO false POI NON MI PROCEDE
   // IL SUBMIT

    return true;
}

// post-submit callback 
function showResponse(responseText, statusText) {
    alert('status: ' + statusText + '\n\nresponseText: \n' + responseText); 
}

Allertizza quando sta per inviare i dati e poi quando li ha inviati. Non ho ancora bindato il fatto
che il form debba essere valido Però anche questo sembra andare, quind il submit viene
avvertito correttamente. Come risultato del success ho messo semplicemente nella pagina
php un echo dell'email (uno dei dati inviati):

<?php
	echo $_POST['p_email'];
?>

Tuttavia, al submit, pur rimanendo in qulla pagina e quindi non avviando le normali
procedure di submit ed usando ajax, firefox continua a chiedermi di salvare la password.
E' frustrante. Help.

[br1]

Originariamente inviato da ^EvAmPiReS^
firefox continua a chiedermi di salvare la password.
E' frustrante. Help.

Quindi non e' la procedura javascript ma il browser... ho il forte sospetto che tu non possa farci nulla

ciao

[^EvAmPiReS^]

Ok, ok mi arrendo
Ci sentiamo presto, visto che mi sto affacciando ora a questo bellissimo mondo
Gracias.

EDIT: Probabilmente non cambierebbe nulla se lanciassi il submit su onclick() di un
button generico al posto di un type="submit", vero? Vado a studiare valà.