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

    [JS] alert campI nn riempiti+conferma

    Ciao raga, mi spiego meglio:
    devo creare una funzione Js (onSubmit) che mi controlli i campi form rimasti vuoti e mi restituisca un alert che mi elenchi tali campi e mi chieda se continuare (OK) con l'inserimento oppure continuare con la compilazione del form (ANNULLA)!

    :master: so come fare il controllo ma nn come generare quest'alert di conferma che elenchi anche i campi vuoti

    Suggerimenti??
    non impazzire dietro il sistema! Sfruttalo!

  2. #2
    Un metodo che uso spesso è quello di colorare i background degli input vuoti, così ti eviti la rogna di elencarli. Nell'alert puoi essere generico indicando unicamente il numero di campi obbligatori da compilare.

    Se non riesci e hai bisogno di chiarimenti chiedi pure.
    Antonio Correnti
    www.resetstudio.it

  3. #3
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133

    Re: [JS] alert campI nn riempiti+conferma

    Originariamente inviato da beppenet
    Ciao raga, mi spiego meglio:
    devo creare una funzione Js (onSubmit) che mi controlli i campi form rimasti vuoti e mi restituisca un alert che mi elenchi tali campi e mi chieda se continuare (OK) con l'inserimento oppure continuare con la compilazione del form (ANNULLA)!

    :master: so come fare il controllo ma nn come generare quest'alert di conferma che elenchi anche i campi vuoti

    Suggerimenti??
    una cosa del genere:
    codice:
    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Documento senza titolo</title>
    
    <script language="javascript" type="text/javascript">
    <!--
    function Controlla(){
    var facol = "";
    if(document.getElementById("uno").value == ""){
    alert("Campo UNO è obbligatorio");
    return false;
    }
    for(var i=0;i<document.getElementsByTagName("input").length; i++){
    if(document.getElementsByTagName("input")[i].value == "")
    facol += document.getElementsByTagName("input")[i].name+"\n";
    }
    if(confirm("I campi facoltativi sottostanti:\n"+facol+"non sono stati compilati\nvuoi proseguire comunque?")){return true;}else{return false;}
    }
    // -->
    </script>
    </head>
    <body>
    <form name="myform" onsubmit="return Controlla();">
    
    
    1<input type="text" id="uno" name="uno" > (obbligatorio)</p>
    
    
    2<input type="text" id="due" name="due" > (facoltativo)</p>
    
    
    3<input type="text" id="tre" name="tre" > (facoltativo)</p>
    
    
    4<input type="text" id="quattro" name="quattro" > (facoltativo)</p><input name="invia" type="submit" value="invia" />
    </form>
    </body>
    </html>
    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 © 2026 vBulletin Solutions, Inc. All rights reserved.