+ Rispondi al messaggio
Pagina 1 di 7 123 ... ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 62

[Javascript]funzione per 2 pulsanti in un form

  1. #1
    L'avatar di onsitus
    onsitus non  in linea Scribacchino
    Buonasera a tutti,

    2 pulsanti in un form html che richiamano 2 funzione javascript differente (credo ):
    codice HTML:
    <input name="submitNews" type="submit" value="Invia" class="submit" onClick="news()" />
    <input name="submitAffiliato" type="submit" value="Invia" class="submit" onClick="affiliato()" />
    Le funzione javascript dovrebbe controllare che i campi sono stati riempiti poi chiamare il php che manda il tutto al proprietario della form. La funzione stessa funzionava, prima che sono stata chiesto di inserire un secondo pulsante.
    Posto la prima funzione (la seconda e la stessa con piu campi da controllare). Il mio problema e che non so dove integrare la chiamata al file php (sta in ultima riga )dopo che il tutto stato verificato.

    codice HTML:
    <script type="text/javascript">
    function news(){
    	nome="";
    	cognome="";
    	email="";
    	accetto1="";
    	if(document.form.email.value==""){
    	email="Inserisci un indirizzo E-Mail\n";
    	document.form.emai1.focus();
    	}else if(document.form.emai1.value.lastIndexOf("@")==-1||document.form.email.value.lastIndexOf(".")==-1){
    	email="Inserisci una E-Mail valida\n";
    	document.form.email.focus();
    	}
    	if(document.form.nome.value==""){
    	nome="Inserisci il tuo nome\n";
    	document.form.nome.focus();
    	}
    	if(document.form.cognome.value==""){
    	nome="Inserisci il tuo cognome\n";
    	document.form.cognome.focus();
    	}
    	if(document.form.accetto1.checked==false){
    	accetto1="Spunta la casella per proseguire\n";
    	}
    	error="I campo sottostanti sono obbligatori\n";
    	if((accetto1!="")||(email!="")||(nome!="")||(cognome!="")){
    	alert("Tutti i campi sono obbligatori")
    	return false;
    	}
    document.form.action="script/news.php";
    }
    </script>
    Grazie.
    ℹ️ Leggi di pi su onsitus ...

  2. #2
    L'avatar di SignIn
    SignIn non  in linea Scribacchino
    ciao onsitus, non ho capito benissimo il tuo problema, giusto per chiarezza non sai come inviare i dati alla pagina php?
    ℹ️ Leggi di pi su SignIn ...

  3. #3
    L'avatar di onsitus
    onsitus non  in linea Scribacchino
    Quote Originariamente inviato da SignIn Visualizza il messaggio
    ciao onsitus, non ho capito benissimo il tuo problema, giusto per chiarezza non sai come inviare i dati alla pagina php?


    Sinceramente non ci capisco nulla.

    Ok, prima avevo messo diretamente nel tag form l'azione e la chiamata al javascript (action="script/news.php" onsubmit="return news(). La funzione news era quella di sopra tolto l'ultima riga document.form.action="script/news.php";
    Andava bene cosi.
    Visto che sono stata chiesto di inserire un secondo pulsante di input nella stessa form (tanto perche avevo detto che non ero programmatrice ), dopo qualche ricerche, ho letto che il javascript veniva richiamato dal pulsante submit e dentro la funzione javascript, si richiamava il file php con document.form.action="script/news.php";
    Non so dove inserire l'azione nella funzione che ho gia scritto (ci ho messo solo 2 giorni )

    PS: come adesso, nulla funzione. Nessun messaggio di errore, ricarica la pagina e basta.
    ℹ️ Leggi di pi su onsitus ...

  4. #4
    L'avatar di SignIn
    SignIn non  in linea Scribacchino
    ...se ho capito bene puoi fare in diversi modi...per esempio se entrambe le funzioni javascript news e affiliato devono effettuare il submit alla stessa pagina quindi cambia solo la parte di validazione puoi tranquillamente lasciare il tuo codice quasi inalterato nel senso che dovresti imposatre il form in quetsa maniera:
    <html>
    <head>
    <script type="text/javascript">
    function news()
    {
    //validazioni varie
     document.test.submit();
    }
    function affiliato()
    {
    //validazioni varie
     document.test.submit();
    }
    </script>
    </head>
        <body>
         <form name="test" action="script/news.php" method="post">
            <input id="submitNews" type="button" value="Invia" class="submit" onClick="news()" />
    <input id="submitAffiliato" type="button" value="Invia1" class="submit" onClick="affiliato()" />
         </form>
         </body>
    </html>
    
    ...se invece devono puntare a pagine diverse dimmi pure...
    Ultima modifica di SignIn; 05-01-2008 17:45 
    ℹ️ Leggi di pi su SignIn ...

  5. #5
    L'avatar di onsitus
    onsitus non  in linea Scribacchino
    La funzione news dovrebbe richiamare il news.php e la funzione affiliato richiama affiliato.php.

    In breve, il modulo a 3 campi poi un submit (che manda via email solo quelli 3 info) con l'opzione per l'utente di completarla completamente il modulo (le 3 primi piu altri) con alla fine un altro submit (che invece manda il form completo).
    ℹ️ Leggi di pi su onsitus ...

  6. #6
    L'avatar di SignIn
    SignIn non  in linea Scribacchino
    ...ok dato che l'esigenza non quella che avevo capito inizialmente devi impostare il tuo codice pi o meno in questo modo:
    <html> 
    <head>
    <script type="text/javascript">
    function global( target)
    {
        if( target == "news")
        {
            document.test.action="pagina.html";
        }
        else
        {
            document.test.action="pagina1.html";
        }
        document.test.submit();
    }
    </script>
    </head>
        <body>
         <form name="test" action="" method="post">
            <input id="submitNews" type="button" value="Invia" class="submit" onClick="global('news')" />
            <input id="submitAffiliato" type="button" value="Invia2" class="submit" onClick="global('affiliato')" />
         </form>
         </body>
    </html>
    
    ...ho creato una sola funzione global in modo da incapsulare la logica delle due funzioni news e affiliato....poi ovviamente i due pulsanti devono essere di tipo button...
    ℹ️ Leggi di pi su SignIn ...

  7. #7
    L'avatar di onsitus
    onsitus non  in linea Scribacchino
    Quote Originariamente inviato da SignIn Visualizza il messaggio
    ...ok dato che l'esigenza non quella che avevo capito inizialmente devi impostare il tuo codice pi o meno in questo modo:
    <html> 
    <head>
    <script type="text/javascript">
    function global( target)
    {
        if( target == "news")
        {
            document.test.action="pagina.html";
        }
        else
        {
            document.test.action="pagina1.html";
        }
        document.test.submit();
    }
    </script>
    </head>
        <body>
         <form name="test" action="" method="post">
            <input id="submitNews" type="button" value="Invia" class="submit" onClick="global('news')" />
            <input id="submitAffiliato" type="button" value="Invia2" class="submit" onClick="global('affiliato')" />
         </form>
         </body>
    </html>
    
    ...ho creato una sola funzione global in modo da incapsulare la logica delle due funzioni news e affiliato....poi ovviamente i due pulsanti devono essere di tipo button...
    Suppongo che invece di pagina/1.html ci metto la chiamata al script php?
    Invece la parte della validazione dove va a finire?
    ℹ️ Leggi di pi su onsitus ...

  8. #8
    L'avatar di onsitus
    onsitus non  in linea Scribacchino
    Ok, nulla, credo avere capito la logica. Grazie mille SignIn. Ritornero sicuramente.

    Nope...una cosa: perche tipo 'button' e non 'submit'???
    ℹ️ Leggi di pi su onsitus ...

  9. #9
    L'avatar di SignIn
    SignIn non  in linea Scribacchino
    ...bh si al posto di pagina/1 ci metti le due pagine php che dovresti richiamare....
    ...la parte di validazione puoi incapsularle o direttamente nei rispettivi rami di if(per la validazione news) ed else( per la validazione affiliato) oppure puoi avere due funzioni separate che richiami nella global, pi o meno in questo modo:
    <script type="text/javascript">
    function news()
    {
        //validazione
    }
    function affiliato()
    {
        //validazione
    }
    
    function global( target)
    {
        if( target == "news")
        {
            document.test.action="pagina.html";
            news();
        }
        else
        {
            document.test.action="pagina1.html";
            affiliato();
        }
        document.test.submit();
    }
    </script>
    
    ..per quanto riguarda la tua domanda alla fine puoi anche usare il tipo submit nessuno te lo vieta... una mia deformazione quella di usare i button ed effettuare il submit esplicitamente
    Ultima modifica di SignIn; 05-01-2008 18:05 
    ℹ️ Leggi di pi su SignIn ...

  10. #10
    L'avatar di onsitus
    onsitus non  in linea Scribacchino
    Di nuovo grazie per le tue spiegazione. Ci provo adesso e ti faro sapere.
    ℹ️ Leggi di pi su onsitus ...

+ Rispondi al messaggio
Pagina 1 di 7 123 ... ultimoultimo

Potrebbero interessarti anche ...

  1. Pulsanti form non funzionano pi
    Da kmsta nel forum Microsoft Access
    Risposte: 1
    Ultimo Post: 05-01-2013, 20:02
  2. [Javascript]Gestione Radio in un FORM e controllo con Javascript
    Da janfri nel forum HTML, CSS e JavaScript
    Risposte: 1
    Ultimo Post: 26-06-2008, 08:40
  3. [Javascript]Funzione per invio form
    Da Vanessa nel forum HTML, CSS e JavaScript
    Risposte: 3
    Ultimo Post: 09-12-2006, 01:23
  4. [Javascript]Richiamo funzione javascript
    Da giangi80p nel forum HTML, CSS e JavaScript
    Risposte: 1
    Ultimo Post: 05-09-2006, 20:59
  5. [Javascript]Richiamo funzione per controllo dati della form
    Da giangi80p nel forum HTML, CSS e JavaScript
    Risposte: 2
    Ultimo Post: 30-08-2006, 21:19