a tutti i programmatori aiuto per form da fare in javascript o action script

Ultimo messaggio ricevuto il 11-02-2008 23.51 da Angye. 9 risposta(e).

Pagina 1 di 1 (10 elemento/i)
	Ordina messaggi: Precedente Successivo

06-02-2008 13.23

Angye
Registrato il 06-02-2008
Salerno
Messaggi 6

a tutti i programmatori aiuto per form da fare in javascript o action script

Rispondi Contatta

Salve sono una nuova entrata, non solo nel forum ma anche nel mondo della programmazione ho cominciato con Javascript, per aver un riscontro subito degli script client-side.

Devo fare un form che mi permetta di visualizzare tutti i dati inseriti dall'utente in un'altra pagina che non sia PHP, ASP cioè senza validazione lato server, non so da dove cominciare, dunque volevo consigli....

Avevo pensato di fare due pagine html (1:richiesta.htm, 2: conferma.htm)una invia l'altra raccoglie

Il problema è che non so come impostare le funzioni Javascript per sapere se ciò è possibile, inoltre i dati da inviare alla pagina conferma devono essere messi separatamente in determinate celle di una tabella epoi devo fare in modo che la pagina sia stampabile per archiaviarla....

oppure avevo pensato di fare un form in flash su una scena e la conferma su un'altra scena solo che poi non so quale script usare per ricavare tutti i singoli dati e inserirli nella seconda scena...

Spero di essere stata chiara vi prego aiutatemi ricordandovi di essere abbastanza semplici nel esplicarmi la soluzione sono agli inizi...

Grazie

ah dimenticavo la sera sono in messanger per dimostrazioni passo-passo grazie ancora....angelisia@msn.com

Angye

06-02-2008 16.51 In risposta a

devspy
Registrato il 08-08-2005
Messaggi 1.043

Re: a tutti i programmatori aiuto per form da fare in javascript o action script

Rispondi Contatta

Solo una conferma, non hai bisogno di "salvare" i dati da qualche parte giusto?

Se ho capito bene devi solo usare una pagina per inserire e validare i dati ed un'altra pagina per presentarli in modo ordinato e "stampabile". E' così?

06-02-2008 22.10 In risposta a

Angye
Registrato il 06-02-2008
Salerno
Messaggi 6

Re: a tutti i programmatori aiuto per form da fare in javascript o action script

Rispondi Contatta

si non mi serve altro devo farlo in modo portatile e facendolo in flash potrei farlo anche eseguibile tu che ne pensi???

Angye

07-02-2008 10.56 In risposta a

devspy
Registrato il 08-08-2005
Messaggi 1.043

Re: a tutti i programmatori aiuto per form da fare in javascript o action script

Rispondi Contatta

Certo potresti farlo anche con Flash, ma è sicuramente più impegnativo.

Se invece hai un po' di pazienza ti preparo un esempio funzionante in HTML e Javascript da cui partire. Sarà altrattanto portabile, richiederà solo la presenza di un comune browser web. E, in più, potrai modificarlo al volo senza fatica e anche con un normale NotePad.

07-02-2008 13.49 In risposta a

Angye
Registrato il 06-02-2008
Salerno
Messaggi 6

Re: a tutti i programmatori aiuto per form da fare in javascript o action script

Rispondi Contatta

Sei un mito Wink prometto che ti ricambierò il favore......

quando chiaramente sarò una programmatrice provetta!!!!!

grazie..

Angye

07-02-2008 13.56 In risposta a

devspy
Registrato il 08-08-2005
Messaggi 1.043

Re: a tutti i programmatori aiuto per form da fare in javascript o action script

richiesta.htm

Rispondi Contatta

Eccoti qua un bell'esempio completo e funzionante. E' stato un bell'esercizio e credo possa tornare utile anche ad altri.

Spero che sia quello che cercavi e che possa essere un buono spunto per iniziare:

<html>
  <head>
    <title>Esempio di caricamento e validazione dati</title>
    <script type="text/javascript">
    <!-- //
    function inviaForm() {
      var txtNome = document.getElementById("txtNome");
      var txtCognome = document.getElementById("txtCognome");
      var txtEmail = document.getElementById("txtEmail");
      var txtTesto = document.getElementById("txtTesto");
      // se non trovo i controlli nel modulo
      if (txtNome == null || txtCognome == null || txtEmail == null || txtTesto == null) {
        window.alert("Si è verificato un errore:\nImpossibile trovare uno o più campi del modulo.");
        return;
      }
      var validazione = "";
      if (txtNome.value == "") {
        validazione += "Il campo 'Nome' è obbligatorio.\n";
      }
      if (txtCognome.value == "") {
        validazione += "Il campo 'Cognome' è obbligatorio.\n";
      }

      // validazione email
      if (txtEmail.value != "") {
        var reg1 = /(@.*@)|(\.\.)|(@\.)|(\.@)|(^\.)/; // non valida
        var reg2 = /^.+\@(\[?)[a-zA-Z0-9\-\.]+\.([a-zA-Z]{2,3}|[0-9]{1,3})(\]?)$/; // valida
        if (reg1.test(txtEmail.value) || !reg2.test(txtEmail.value)) {
          validazione += "L'email specificata nel campo 'Email' non è valida.\n";
        }
      }

      if (txtTesto.value.length > 500) {
        validazione += "Il campo 'Testo' supera i 500 caratteri (contiene " + 
          txtTesto.value.length + " caratteri).\n";
      }

      if (validazione.length > 0) {
        window.alert(validazione);
      } else {
        var wnd = window.open("","wndStampa","width=600,height=400,toolbar=0,scrollbars=1,resizable=1");
        wnd.document.open();
        wnd.document.write("<b>Nome:</b> " + txtNome.value + "<br />");
        wnd.document.write("<b>Cognome:</b> " + txtCognome.value + "<br />");
        if (txtEmail.value != "")
          wnd.document.write("<b>Email:</b> <a href=\"mailto:" + txtEmail.value + "\">" + txtEmail.value + "</a><br />");
        if (txtTesto.value != "")
          wnd.document.write("<br /><b>Testo:</b><br />" + txtTesto.value + "<br />");
        wnd.print();
      }
    }
    // -->
    </script>
  </head>
  <body>
  
    <table width="100%" border="0">
      <tr>
        <td><b>Nome</b></td>
        <td width="100%"><input id="txtNome" type="text" maxlength="100" style="width:50%;" /> *</td>
      </tr>
      <tr>
        <td><b>Cognome</b></td>
        <td><input id="txtCognome" type="text" maxlength="100" style="width:50%;" /> *</td>
      </tr>
      <tr>
        <td><b>Email</b></td>
        <td><input id="txtEmail" type="text" maxlength="100" style="width:50%;" /></td>
      </tr>
      <tr valign="top">
        <td><b>Testo</b><br /><br />(max 500 caratteri)</td>
        <td><textarea id="txtTesto" type="text" rows="10" style="width:100%;"></textarea></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>* campi obbligatori<br /><br /><input id="btnInvia" type="button" value="Invia" onclick="inviaForm();" /></td>
      </tr>
    </table>

    </body>
</html>

In pratica:

Ti presenta un modulo HTML con i campi Nome, Cognome, Email e Testo.
Il tasto [Invia] lancia un Javascript che esegue la validazione (Nome e Cognome obbligatori, se specificata l'Email deve essere valida, il Testo non deve superare i 500 caratteri).
Se la validazione va a buon fine, viene generata dinamicamente una pagina che presenta i dati inseriti formattati per la stampa.

Personalizzando la pagina e lo script qua e là dovresti ottenere un buon risultato.

Se clicchi sul file richiesta.htm in cima a questo post, potrai vedere girare questa pagina di esempio. Wink

Archiviato in: validazione email, javascript, validazione testo, html

08-02-2008 13.16 In risposta a

Angye
Registrato il 06-02-2008
Salerno
Messaggi 6

Re: a tutti i programmatori aiuto per form da fare in javascript o action script

Rispondi Contatta

gRAZIE MILLE ora posso modellarlo a mio piacimento ma soprattutto ho uno schema di partenza per il jascript non ho parole...

non voglio rubarti molto tempo ma volevo solo chiederti se inserisco dei radiobutton o dei checkbox li posso trattare come la textarea?

grazieeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee........................................................................................................

......................................................................................................................................................................................................................................................................................

.............................................................................................................ok ora basta..............................................................

Angye

11-02-2008 16.46 In risposta a

devspy
Registrato il 08-08-2005
Messaggi 1.043

Re: a tutti i programmatori aiuto per form da fare in javascript o action script

richiesta2.htm

Rispondi Contatta

Eccoti l'esempio corredato di RadioButton (campi a scelta singola) e CkeckBox (campi a scelta multipla):

<html>
  <head>
    <title>Esempio di caricamento e validazione dati</title>
    <script type="text/javascript">
    <!-- //
    var sesso = "Non specificato";
    function cambiaSesso(radControllo) {
      sesso = radControllo.value;
    }
    function inviaForm() {
      var txtNome = document.getElementById("txtNome");
      var txtCognome = document.getElementById("txtCognome");
      var txtEmail = document.getElementById("txtEmail");
      var txtTesto = document.getElementById("txtTesto");
      var chkDisoccupato = document.getElementById("chkDisoccupato");
      // se non trovo i controlli nel modulo
      if (txtNome == null || txtCognome == null || txtEmail == null || txtTesto == null || chkDisoccupato == null) {
        window.alert("Si è verificato un errore:\nImpossibile trovare uno o più campi del modulo.");
        return;
      }
      var validazione = "";
      if (txtNome.value == "") {
        validazione += "Il campo 'Nome' è obbligatorio.\n";
      }
      if (txtCognome.value == "") {
        validazione += "Il campo 'Cognome' è obbligatorio.\n";
      }

      // validazione email
      if (txtEmail.value != "") {
        var reg1 = /(@.*@)|(\.\.)|(@\.)|(\.@)|(^\.)/; // non valida
        var reg2 = /^.+\@(\[?)[a-zA-Z0-9\-\.]+\.([a-zA-Z]{2,3}|[0-9]{1,3})(\]?)$/; // valida
        if (reg1.test(txtEmail.value) || !reg2.test(txtEmail.value)) {
          validazione += "L'email specificata nel campo 'Email' non è valida.\n";
        }
      }
      
      if (txtTesto.value.length > 500) {
        validazione += "Il campo 'Testo' supera i 500 caratteri (contiene " + 
          txtTesto.value.length + " caratteri).\n";
      }

      if (validazione.length > 0) {
        window.alert(validazione);
      } else {
        var wnd = window.open("","wndStampa","width=600,height=400,toolbar=0,scrollbars=1,resizable=1");
        wnd.document.open();
        wnd.document.write("<b>Nome:</b> " + txtNome.value + "<br />");
        wnd.document.write("<b>Cognome:</b> " + txtCognome.value + "<br />");
        if (txtEmail.value != "") {
          wnd.document.write("<b>Email:</b> <a href=\"mailto:" + txtEmail.value + "\">" + txtEmail.value + "</a><br />");
        }
        wnd.document.write("<b>Sesso:</b> " + sesso + "<br />");
        if (chkDisoccupato.checked) {
          wnd.document.write("<b>Disoccupato:</b> Si <br />");
        } else {
          wnd.document.write("<b>Disoccupato:</b> No <br />");
        }
        if (txtTesto.value != "")
          wnd.document.write("<br /><b>Testo:</b><br />" + txtTesto.value + "<br />");
        wnd.print();
      }
    }
    // -->
    </script>
  </head>
  <body>
  
    <table width="100%" border="0">
      <tr>
        <td><b>Nome</b></td>
        <td width="100%"><input id="txtNome" type="text" maxlength="100" style="width:50%;" /> *</td>
      </tr>
      <tr>
        <td><b>Cognome</b></td>
        <td><input id="txtCognome" type="text" maxlength="100" style="width:50%;" /> *</td>
      </tr>
      <tr>
        <td><b>Email</b></td>
        <td><input id="txtEmail" type="text" maxlength="100" style="width:50%;" /></td>
      </tr>
      <tr>
        <td><b>Sesso</b></td>
        <td>
          <input name="sesso" type="radio" value="Uomo" onclick="cambiaSesso(this)" /> Uomo &nbsp;
          <input name="sesso" type="radio" value="Donna" onclick="cambiaSesso(this)" /> Donna
        </td>
      </tr>
      <tr>
        <td><b>Disoccupato</b></td>
        <td><input id="chkDisoccupato" type="checkbox" value="Disoccupato" /></td>
      </tr>
      <tr valign="top">
        <td><b>Testo</b><br /><br />(max 500 caratteri)</td>
        <td><textarea id="txtTesto" type="text" rows="10" style="width:100%;"></textarea></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>* campi obbligatori<br /><br /><input id="btnInvia" type="button" value="Invia" onclick="inviaForm();" /></td>
      </tr>
    </table>

    </body>
</html>

Anche In cima a questo post trovi lo stesso codice HTML in un file allegato (Richesta2.htm) che puoi testare online.

Archiviato in: html, checkbox, radiobutton

11-02-2008 21.54 In risposta a

Angye
Registrato il 06-02-2008
Salerno
Messaggi 6

Re: a tutti i programmatori aiuto per form da fare in javascript o action script

Rispondi Contatta

Sei grande!!! grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...

grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...grazie...

mille....hai mai pensato di fare delle lezioni on-line???

Questo il primo forum per programmatori serio!!!

Angye

11-02-2008 23.51 In risposta a

Angye
Registrato il 06-02-2008
Salerno
Messaggi 6

Re: a tutti i programmatori aiuto per form da fare in javascript o action script

Rispondi Contatta

Scusami se ti faccio altre domande ma visto che non è molto semplice quello che voglio ottenere e che ho poco tempo per lavorarci volevo dirti i miei mdubbi per almeno poter andar avanti mi basta solo che mi rispondi grazie...

1) La stringa per le due variabili dell'email me la potresti spiegare in particolare tutti i segni di punteggiatura perchè ci sono tutti quei simboli cosa indicano??

es: var reg1 = /(@.*@)|(\.\.)|(@\.)|(\.@)|(^\.)/; // non valida
var reg2 = /^.+\@(\[?)[a-zA-Z0-9\-\.]+\.([a-zA-Z]{2,3}|[0-9]{1,3})(\]?)$/; // valida

2) se inserisco anche un input di tipo select devo dare l'id e poi fare un ciclo if vero?

3) considerando che l'opzione stampa la voglia associare alla conferma tramite un bottone devo fare una funzione che preleva la proprietà stampa del documento?

4) per ultimo cosa devo inserire secondo te vicino al titolo della conferma per ricavare l'iniziale del cognome scritto con un size molto grande per catalogarlo in ordine alfabetico in base al cognome?

Un campo testo preformattato con l'id a cui associare il nome della variabile da cui devo prelevare l'iniziale del cognome va bene??

Se non sono stata chiara puoi dirmelo così cerco di spiegarmi meglio...

e se non risponderai subito non ti preoccupare saprò aspettare...grazie

Angye

Pagina 1 di 1 (10 elemento/i)