[javascript]Form invio preventivo

Discussione in 'Javascript' iniziata da rhew90, 3 Maggio 2018.

  1. rhew90

    rhew90 Nuovo Utente

    Registrato:
    3 Maggio 2018
    Messaggi:
    1
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    Buongiorno a tutti,
    ho la necessità di creare un form per le richieste di preventivo.
    Vorrei farlo creando una tabella con 2 colonne
    codice articolo | quantità
    con un pulsante che aggiunge una riga per ogni nuovo prodotto.

    e che la stessa arrivi tramite mail.

    attualmente lo faccio cosi, senza tabella, per questo motivo la mail è tutta incasinata.

    HTML:
    <script>
    $(document).ready(function() {
        var max_fields      = 50; //maximum input boxes allowed
        var wrapper         = $(".input_fields_wrap"); //Fields wrapper
        var add_button      = $(".add_field_button"); //Add button ID
       
        var x = 1; //initlal text box count
        $(add_button).click(function(e){ //on add input button click
            e.preventDefault();
            if(x < max_fields){ //max input box allowed
                x++; //text box increment
                $(wrapper).append('<div><input type="text" name="Preventivo per:" placeholder="es. codice:CA075CR - QTÀ:25pz"/><a href="#" class="remove_field">Rimuovi prodotto</a></div>'); //add input box
            }
        });
       
        $(wrapper).on("click",".remove_field", function(e){ //user click on remove text
            e.preventDefault(); $(this).parent('div').remove(); x--;
        })
       
        $(document).on("submit",".staticPageCustomForm",function(){
           dataLayer.push({
                'event': 'invio_richiesta',
                'requestType': 'Preventivo'
            });
           
        });
    });
    </script>
    <div class="input_fields_wrap" style="margin-bottom:45px">
        <p class="inserisci">Inserisci codice prodotto e quantità richiesta</p>
        <div><input type="text" name="Preventivo per:" placeholder="es. codice:CA075CR - QTÀ:25pz" required></div>
        <button class="add_field_button"><span class="piu">+</span> aggiungi un altro prodotto</button>
    </div>
    
    Grazie mille
     
Sto caricando...

Condividi questa Pagina