Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    Validazione option button

    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.

  2. #2

    Re: Validazione option button

    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?
    DYNAMIC+ [ E-mail ]

    Secondo me non si può fare!

  3. #3
    <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>

  4. #4
    ma se SEMPLICEMNTE ad un radio-button, ci metti il valore CHECKED???
    DYNAMIC+ [ E-mail ]

    Secondo me non si può fare!

  5. #5
    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.

  6. #6
    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>
    DYNAMIC+ [ E-mail ]

    Secondo me non si può fare!

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.