Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2005
    Messaggi
    79

    invio dati in <form> e javascript

    E' possibile bloccare l'azione di uno script cgi, anzi di un submit, con javascript.
    Ho il seguente form:

    <form action="/cgi-bin/script.cgi" method="POST">
    <select>
    ...
    ...
    ...
    </select>
    <input id="input" type="text" name="choice"/>
    <input type="submit" value="search" onclick="func_javascript()"/>
    </form>

    Se il campo di testo è vuoto visualizza una finestra di alert, ma devo comunque far ricaricare la pagina allo script.cgi.
    E' possibile fermare l'invio dei dati di una form con javascript?

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Se metti un'azione nell'onclick del tasto submit qualunque cosa succeda il forum verra' inviato.

    Devi gestire l'evento onsubimt del form facendo restituire dalla funzione richiamata un valore false per annullare l'invio

    es:

    <form ... onsubmit="return confirm('sei sicuro?')">

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2005
    Messaggi
    79
    Io voglio che se il tasto è premuto ed è stato scritto qualcosa nel campo di testo, ovvero se il campo di testo non è vuoto, allora il dato venga inviato, altrimenti se il tasto è premuto e il campo di testo è vuoto deve essere fermata l'azione e visualizzata una finestra che dice di inserire qualcosa.

    Come posso implementare questo controllo?

  4. #4
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    <form ... ... onsubmit="if(!this.choice.value)alert('riempi il campo');return false;">

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  5. #5
    Utente di HTML.it
    Registrato dal
    Oct 2005
    Messaggi
    79
    Lo script search.js è:


    function searchbox() {

    if (!document.getElementById("input").value)
    alert("You must insert name or type of your project and name language");
    return false;

    }
    Ho provato anche con il tuo esempio, ma non appare nessuna finestra di alert se il
    campo di testo è vuoto.

    Il codice html della pagina è il seguente:

    <form action="/cgi-bin/search.cgi" method="POST">
    <select>
    <option>...</option>
    <option>...</option>
    <option>...</option>
    </select>
    <input id="input" type="text" name="choice"/>
    <input type="submit" value="search" onsubmit="searchbox()"/>
    </form>

  6. #6
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    funzione:
    codice:
    function searchbox() {
    
    if (document.getElementById("choice").value=="")
    alert("You must insert name or type of your project and name language");
    return false;
    
    }
    form
    codice:
    <form action="/cgi-bin/search.cgi" method="POST" onsubmit="return searchbox()">
    <select>
    <option>...</option>
    <option>...</option>
    <option>...</option>
    </select>
    <input id="choice" type="text" name="choice"/>
    <input type="submit" value="search"/>
    </form>
    consiglio:lettura

    P.S. meglio non usare parole riservate (input/type/submit/etc....) degli elementi per gli id
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  7. #7
    Utente di HTML.it
    Registrato dal
    Oct 2005
    Messaggi
    79
    Li ho già letti un paio di volte i tutorial su javascript.

    Avrei voluto una risposta più concreta.

  8. #8
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Originariamente inviato da dark0s
    Li ho già letti un paio di volte i tutorial su javascript.
    ....
    In tal caso consiglierei un corso di concentrazione alla lettura oppure abbandonare la programmazione:

    A) Se hai letto 2 volte le guide e non hai capito come fare un controllo cosi semplice c'è qualcosa che non va

    B) Quando si legge si deve rimanere concentrati e capire cosa si ha letto invece di sentenziare.

    Originariamente inviato da dark0s
    ...

    Avrei voluto una risposta più concreta.
    più concreta di cosi, non so che fare:
    Originariamente inviato da cavicchiandrea
    funzione:
    codice:
    
    function searchbox() {
    
    if (document.getElementById("choice").value=="")
    alert("You must insert name or type of your project and name language");
    return false;
    
    }
    form
    codice:
    
    <form action="/cgi-bin/search.cgi" method="POST" onsubmit="return searchbox()">
    <select>
    <option>...</option>
    <option>...</option>
    <option>...</option>
    </select>
    <input id="choice" type="text" name="choice"/>
    <input type="submit" value="search"/>
    </form>
    questo codice è diverso dal tuo, prosegui cosi e vedrai che in futuro avrai molti aiuti, auguri.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

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 © 2025 vBulletin Solutions, Inc. All rights reserved.