campi obbligatori in un form

ciao a tutti, ho trovato usando il search moltei topic che chiedevano aiuto sui campi obbligatori nei form, ma tutti chiedevano se andavano bene i javascript e mai come si faceva, quindi vi chiedo se mi potete spiegare come posso fare a inserire dei campi obbligatori in un form, e quale codice devo usare per verificare che i campi obbligatori siano stati compilati.

se vi può aiutare a spiegarmi, sappiate che so già come si fa un form, e come funziona,, il mio problame è php e java script, dei quali non capisco assolutamente niente

dovresti uasre !empty con php

comem ho già detto non capisco niente di php e java, quindi se mi potessi spiegare cosa vuol dire usare !empty con php te ne sarei molto grato =)

http://www.willmaster.com/library/de...g&dropname=one
qui trovi un esempio

scusaetemi se uso un altro account. ma in realtà quello giusto è questo, prima ho sbagliato =)

grazie, ora ho capito un po' di più, ho provato a scriverlo io, ma non funziona.. ecco quello che ho scritto:
OCdice java:

Codice:

---

<SCRIPT LANGUAGE="JavaScript">
function verifForm(form)
  {
  if(form.nome.value == "")
    alert('devi inserire il tuo nome');
  else
    form.submit();
}
function verifForm(form)
  {
  if(form.nome_del_sito.value == "")
    alert('devi inserire il nome del sito!');
  else
    form.submit();
}
function verifForm(form)
  {
  if(form.link_del_sito.value == "")
    alert('devi inserire il link del sito!');
  else
    form.submit();
}
function verifForm(form)
  {
  if(form.indirizzo_banner.value == "")
    alert('devi inserire l'indirizzo del banner del sito!');
  else
    form.submit();
}
</SCRIPT>

---

Codice Html:

Codice HTML:

---

<form name="diventa affiliato" enctype="text/plain" method="post" action="mailto:dgmworld@email.it?subject=Richiesta Affiliazione">
 <fieldset>
  <legend><b>Inserisci i tuoi dati</b></legend>
  <label>Nome: <input name="nome" type="text" size="20" maxlength="30"></label><br>
  <label>Nickname: <input name="nickname" type="text" size="20" maxlength="30"></label><br>
 </fieldset>

 <fieldset>
  <legend><b>Inserisci i dati del tuo sito</b></legend>
  <label>Nome del sito: <input name="nome_del_sito" type="text" size="20" maxlength="30"></label><br>
  <label>Url dei sito: <input name="link_del_sito" type="text" size="20" maxlength="30"></label><br>
  <label>Url diretto del banner (88x31 px): <input name="indirizzo_banner" type="text" size="20" maxlength="30"></label><br>
 </fieldset>

  <fieldset>
  <legend><b>Descrizione del sito</b></legend>
  <label>Se lo desideri, inserisci una breve descrizione del sito<br>
  <textarea name="breve descrizione del sito" cols="20" rows="10"></textarea>

  </label>
 </fieldset>

<br>
 <button type="reset">Azzera tutti i campi</button>
 &nbsp;&nbsp;&nbsp;
 <INPUT TYPE="button" VALUE="Invia la rischiesta" onClick="verifForm(this.form)">

---

Però quando faccio invia non funziana.. cioè, non succwede niente.. come posso fare?
doc'è l'errore?
secondo me è nel java script..

La funzione non va eseguita all'input ma al form:

Codice HTML:

---

<form name="diventa affiliato" enctype="text/plain" method="post" action="mailto:dgmworld@email.it?subject=Richiesta Affiliazione" onsubmit="verifForm(this)">

---

E poi non è java ma javascript, non capisco perchè hai creato 4 funzioni con lo stesso nome...

eh sì, l'errore è proprio nel javascript..

Codice HTML:

---

<SCRIPT LANGUAGE="JavaScript">
function verifForm(form)
    {
        var testo = '';
        if (form.nome.value == "")
            testo += ' - devi inserire il tuo nome\n';
        if (form.nome_del_sito.value == "")
            testo += ' - devi inserire il nome del sito\n';
        if (form.link_del_sito.value == "")
            testo += ' - devi inserire il link del sito!\n';
        if (form.indirizzo_banner.value == "")
            testo += ' - devi inserire l'indirizzo del banner del sito!\n';
       
        if (testo == '')
            form.submit();
        else
            alert(testo);
    }
</SCRIPT>

---

[edit] nokiagames: anche il pulsante onclick="verifForm(...)" va bene..

Citazione:

---

Originalmente inviato da nokiagames

La funziona non va eseguita all'input ma al form:

Codice HTML:

---

<form name="diventa affiliato" enctype="text/plain" method="post" action="mailto:dgmworld@email.it?subject=Richiesta Affiliazione" onsubmit="verifForm(this)">

---

E poi non è java ma javascript, non capisco perchè hai creato 4 funzioni con lo stesso nome...

---

semplice: perchè non ho idea di come funzionino e si chiamino java javascript ecc.. xD
quindi cerco di mettere le mani in cose che non conosco e questo è il risultato..

comunque ho sostituito la cosa che hai detto ma non cambia niente.. mi puoi dire se ci sono degli errori nel javascript?

EDIT:
GRAZIE MILLE paolino =)

solo ancora una domanda: del codice che mi ha dato paolino, devo modificare qualcosa?

mi sembra di no..

[edit] l'unica cosa è che quel codice lo devi inserire nella stessa pagina html dove si trova il form.. non in un file .js!

ok grazie ora lo provo..

nada.. se volete questa è la pagina.. non riesco a trovare altri possiblii errori:

http://arazz.altervista.org/form.php

- il nome del form è attualmente "diventa affiliato": un nome con degli spazi non è l'ideale.. chiamalo "pippo", piuttosto, ma non metterci geroglifici..
- fai come avevi fatto prima, col bottone, però devi cambiare il modo con cui chiami la funzione:

Codice HTML:

---

<INPUT TYPE="button" VALUE="Invia la rischiesta" onClick="verifForm(this.NOME_DEL_FORM)">

---

in NOME_DEL_FORM ci devi mettere quello che ti dicevo prima, cioè un nome senza caratteri strani..

[edit] hai anche un errore nel css:

Codice:

---

/* sostituisci: */
text-decoration-none;
/* con: */
text-decoration: none;

---

ho fato tutto quello che hai detto, ma non cambia niente... quando clicco su invia richiecsta non succede nulla..
riposto la pagina..
http://arazz.altervista.org/form.php

per forza: hai modificato anche il codice javascript!

allora:

Codice HTML:

---

<SCRIPT LANGUAGE="JavaScript">
function verifForm ( obj )
    {
        var testo = '';
        if (obj.nome.value == "")
            testo += ' - devi inserire il tuo nome\n';
        if (obj.nome_del_sito.value == "")
            testo += ' - devi inserire il nome del sito\n';
        if (obj.link_del_sito.value == "")
            testo += ' - devi inserire il link del sito!\n';
        if (obj.indirizzo_banner.value == "")
            testo += ' - devi inserire l'indirizzo del banner del sito!\n';
       
        if (testo == '')
            obj.submit();
        else
            alert(testo);
    }
</SCRIPT>

---

Codice HTML:

---

<form name="affiliazione" enctype="text/plain" method="post" action="mailto:dgmworld@email.it?subject=Richiesta Affiliazione">
    <fieldset>
        <legend><b>Inserisci i tuoi dati</b></legend>
        <label for="nome">Nome:</label> <input name="nome" type="text" size="20" maxlength="30" /><br /><br />
        <label for="nickname">Nickname:</label> <input name="nickname" type="text" size="20" maxlength="30" /><br />
    <fieldset>

    <fieldset>
        <legend><b>Inserisci i dati del tuo sito</b></legend>
        <label for="nomesito">Nome del sito:</label> <input name="nomesito" type="text" size="20" maxlength="30" /><br /><br />
        <label for="link">Url dei sito:</label> <input name="link" type="text" size="20" maxlength="30" /><br /><br />
        <label for="banner">Url diretto del banner (88x31 px):</label> <input name="banner" type="text" size="20" maxlength="30" /><br />
    </fieldset>
   
    <fieldset>
        <legend><b>Descrizione del sito</b></legend>
        <label for="desc">Se lo desideri, inserisci una breve descrizione del sito</label><br />
        <textarea name="desc" cols="20" rows="10"></textarea>
    </fieldset>

    <br />
    <input type="reset" name="resetta_tutto" value="Azzera tutti i campi" />&nbsp;&nbsp;&nbsp;<INPUT TYPE="button" VALUE="Invia la rischiesta" onClick="verifForm(document.affiliazione)" />

</form>  <!-- CHIUDI I TAG CHE APRI!! -->

---

anche con i tuoi codici non funge.. sono proprio andicappato ._______.

non sei handicappato, solo ti farebbe bene studiare un po' di javascript..! :wink:
comunque l'errore è mio, stavolta: nella parte in javascript devi correggere alcune parti..
obj.nome_del_sito.value diventa obj.nomesito.value
obj.link_del_sito.value diventa obj.link.value
obj.indirizzo_banner.value diventa obj.banner.value

penso proprio che lo studierò, anche perchè mi sembra molto utile!

comunque pur avendo sosituito come hai detto tu, quindi facendo in modo che la parola tra obj. e .value corrispondesse con i vari name, non cambia..

ah, che babbeo che sono!! devi backslashare l'apostrofo qui:

Codice:

---

testo += ' - devi inserire l'indirizzo del banner del sito!\n';

---

quindi alla fine diventa:

Codice:

---

testo += ' - devi inserire l\'indirizzo del banner del sito!\n';

---

ora penso proprio che debba funzionare.. :mrgreen:

grandissimo! ora funziona benissimo!

grazie ancora, spero che dopo aver studiato la guida di html.it sul javascript non mi servrai più =)

:mrgreen: hehe :mrgreen:

e invece ho ancora bisogno T__T
ho creato un altro form, ma non trovo l'errore..
vorrei che i campi obbligatori fossero nome, nickname, età, ruolo, esperienza, ma il computer controlla solo nome e nickname..

ecco la pagina: http://arazz.altervista.org/form-collabora.php

nei due menu a tendina, anziché:

Codice HTML:

---

<option value="seleziona" selected="selected">Scegli</option>

---

fai

Codice HTML:

---

<option value="" selected="selected">Scegli</option>

---

ancora una cosa.. forse qui, in <input name=".." /> non dovresti metterer "eta", ma "provenienza"..

Codice HTML:

---

<label for="provenienza">Provenienza:</label> <input name="eta" type="text" size="20" maxlength="30" /><br /><br />

---

ultima cosa: le due <textarea> si chiamano allo stesso modo.. devi dare due nomi diversi..! :wink:

io ti devo fare una statua xD
grazie ancora, ora è perfetto!

sì, una statua penso possa andare bene..! :wink: