Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2013
    Messaggi
    313

    come impedire che un button avvii un submit

    Salve ho la seguente struttura:
    codice:
    <form action="<?php echo base_url(); ?>my_url" method="POST">
    <input type="text" name_input_1>
    <input type="text" name_input_2>
    
    <select name="select_1">
    <option></option>
    <option value="1">1</option>
    </select>
    
    <select name="select_2">
    <option></option>
    <option value="1">1</option>
    </select>
    
    <button id="1" type="button"> voce1</button>
    <button id="2" type="button"> voce2</button>
    
    <button type="submit" class="btn btn-success" name="submit" value="invia_ordine" id="invia_ordine"></button>
    </form>
    ora cosa mi succede, il bottone con id 1 e 2 servono solo per cambiare stato in dei campi nascosti usando jquery, il problema è che non appena ci clicco sopra parte il form lincandomi al nuovo indirizzo per gestire i dati.... Come posso fare per evitare tutto ciò ?

    Socuramente con un inpu type radio risolverei ma la richiesta è stata proprio quella di usare un bottone.

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Il codice che hai postato non funziona come hai descritto, presumibilmente esistono degli script che intercettano il click sugli elementi, ma tu non li hai postati.
    In ogni caso non capisco la scelta di usare un button al posto del <input type=submit>, e trovo particolarmente deprecabile assegnargli il name "submit"
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    Utente di HTML.it L'avatar di badaze
    Registrato dal
    Jun 2002
    residenza
    Lyon
    Messaggi
    5,372
    Sul tag form devi aggiungere l'evento onsubmit legato ad una funzione che ritorna false.
    Se ricordo bene onsubmit="return myfunction();"

    Non testato.

    codice HTML:
    <script .......>
    var pluto = true;
    function pippo(valore) {
     pluto = valore;
    }
    
    function my_function() {
     return pluto;
    }
    
    </script>

    codice HTML:
    <form action="<?php echo base_url(); ?>my_url" method="POST" onsubmit="return my_function()">
    .....
    <button id="1" type="button" onclick="pippo(false)"> voce1</button>
    <button id="2" type="button" onclick="pippo(false)"> voce2</button>
    ....
    <button type="submit" class="btn btn-success" name="submit" value="invia_ordine" id="invia_ordine"  onclick="pippo(true)"></button>
    </form>
    Ridatemi i miei 1000 posts persi !!!!
    Non serve a nulla ottimizzare qualcosa che non funziona.
    Cerco il manuale dell'Olivetti LOGOS 80B - www.emmella.fr

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.