Validazione option button

**vanex** · 21-01-2005, 12:02

Ciao
Per validare i campi di un form uso questo script:

function control(form) {

Ctrl = form.Titolo;
if (Ctrl.value == "") {
validatePrompt (Ctrl, "Inserire il titolo.");
return false;
}

return true;
}

function validatePrompt (Ctrl, PromptStr) {
alert (PromptStr)
return false;
}

<FORM METHOD="POST" ACTION="oknuova.asp" name="form" OnSubmit="return control(this);">

Non sò come personalizzarlo per validare tre option button che fanno parte dello stesso gruppo. Le option button si presentano tutte e tre vuote e voglio che una delle tre venga selezionata.

**DYNAM!C+** · 21-01-2005, 12:36

Originariamente inviato da vanex
Ciao
Per validare i campi di un form uso questo script:

function control(form) {

Ctrl = form.Titolo;
if (Ctrl.value == "") {
validatePrompt (Ctrl, "Inserire il titolo.");
return false;
}

return true;
}

function validatePrompt (Ctrl, PromptStr) {
alert (PromptStr)
return false;
}

<FORM METHOD="POST" ACTION="oknuova.asp" name="form" OnSubmit="return control(this);">

Non sò come personalizzarlo per validare tre option button che fanno parte dello stesso gruppo. Le option button si presentano tutte e tre vuote e voglio che una delle tre venga selezionata.

posta la pagina con "IL FORM", mettendo in evidenza i campi obbligatori e non, cosi facciamo uno script personalizzato OK?

**vanex** · 21-01-2005, 13:35

<SCRIPT LANGUAGE="JavaScript">

function control(form) {

Ctrl = form.Title;
if (Ctrl.value == "") {
validatePrompt (Ctrl, "Inserire il titolo.");
return false;
}

Ctrl = form.Message;
if (Ctrl.value == "") {
validatePrompt (Ctrl, "Inserire il testo.");
return false;
}

return true;
}

function validatePrompt (Ctrl, PromptStr) {
alert (PromptStr)
return false;
}

// -->
</script>

<HTML>
<BODY BGCOLOR="#FFFFFF">
<FORM METHOD="POST" ENCTYPE="multipart/form-data" ACTION="oknuova.asp?Det=<%=Det%>" name="form" OnSubmit="return control(this);">
<input type="text" name="Title" size="40">

<table width="100%" border="0" cellspacing="1" cellpadding="2">
<tr bgcolor="#BBBBFF">
<td>
<input type="radio" name="Categoria" value="2" >
</td>
<td>Information on-line</td>
</tr>
<tr bgcolor="#BBBBFF">
<td>
<input type="radio" name="Categoria" value="3" >
</td>
<td>Lettere aggiornamenti</td>
</tr>
<tr bgcolor="#BBBBFF">
<td> <input type="radio" name="Categoria" value="4" > </td>
<td>Note</td>
</tr>
</table>
<textarea rows="6" name="Message" cols="70"></textarea>

<input type=SUBMIT value=" Aggiungi " name="SUBMIT2">

</FORM>
</BODY>
</HTML>

**DYNAM!C+** · 21-01-2005, 13:38

ma se SEMPLICEMNTE ad un radio-button, ci metti il valore CHECKED???

**vanex** · 21-01-2005, 13:49

Non posso fare così perchè volevo forzare l'utente a fare una selezione. Se metto il checked su una option c'è il rischio che l'utente proceda senza aver ragionato sulla scelta.

**DYNAM!C+** · 21-01-2005, 13:54

codice:

<?xml version="1.0" encoding="iso-8859-1"?>

  <!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
      <title>Code Example by DYNAMIC+</title>

      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <meta http-equiv="Content-Language" content="en-us" />

      <script type="text/javascript">
      <!--

        function checkData( __objForm )
        {
          var _errDescription = "";
          var _errLastInvalid = null;

          if ( !__objForm.elements['Title'].value.length )
          {
            _errLastInvalid = __objForm.elements['Title'];
            _errDescription += "  - il titolo è mancante\n";
          }

          if ( !__objForm.elements['Message'].value.length )
          {
            _errLastInvalid = __objForm.elements['Message'];
            _errDescription += "  - il messaggio è vuoto\n";
          }

          if ( !__objForm.elements['Categoria'][0].checked &&
               !__objForm.elements['Categoria'][1].checked &&
               !__objForm.elements['Categoria'][2].checked )
          {
            _errLastInvalid = __objForm.elements['Categoria'][0];
            _errDescription += "  - nessuna categoria selezionata\n";
          }

          if ( _errLastInvalid == null )
            return true;

          else {
            alert( "Si sono verificati i seguenti errori:\n" + _errDescription + "\n" +
                   "Correggerli e riprovare l'invio del form!" );

            _errLastInvalid.focus( );
            return false;
          }
        }

      //-->
      </script>

    </head>
    <body>

      <div>
        <form method="post" enctype="multipart/form-data"" action="oknuova.asp?Det=<%=Det%>" onsubmit="return checkData( this );">

          <input type="text" name="Title" size="40" />

 
          <table width="100%" border="0" cellspacing="1" cellpadding="2">
            <tr bgcolor="#BBBBFF"> 
              <td><input type="radio" name="Categoria" value="2" /></td>
              <td>Information on-line</td> 
            </tr>

            <tr bgcolor="#BBBBFF"> 
              <td><input type="radio" name="Categoria" value="3" /></td> 
              <td>Lettere aggiornamenti</td> 
            </tr>

            <tr bgcolor="#BBBBFF"> 
              <td><input type="radio" name="Categoria" value="4" /></td> 
              <td>Note</td> 
            </tr> 
          </table>

          <textarea name="Message" rows="6" cols="70"></textarea>
 
          <input type="submit" value=" Aggiungi " name="SUBMIT2">
 

        </form>
      </div>

    </body>
  </html>

Discussione: Validazione option button

Strumenti discussione

Ricerca discussione

Visualizza

Validazione option button

Re: Validazione option button

Permessi di invio