form senza alcuna azione e dove enter non ricarica la pagina

Sto cercando il modo più pulito per creare un modulo HTML che non ha un pulsante di invio. Già questo è abbastanza facile, ma devo anche impedire al modulo di ricaricarsi da solo quando vengono eseguite operazioni simili alla sottomissione (ad esempio, premendo Enterin un campo di testo).

Aggiungi un gestore onsubmit al modulo (tramite js normale o jquery $ (). Submit (fn)) e restituisci false a meno che non siano soddisfatte le tue condizioni specifiche.

A meno che tu non voglia che il modulo venga inviato, mai - nel qual caso, perché non escludere l'attributo "action" nell'elemento del modulo?

Ti consigliamo di includere action="javascript:void(0);"nel modulo per impedire il ricaricamento della pagina e mantenere lo standard HTML.

Aggiungi semplicemente questo evento al tuo campo di testo. Impedirà un invio premendo Invio e sei libero di aggiungere un pulsante di invio o chiamare form.submit () come richiesto:

onKeyPress="if (event.which == 13) return false;"

Per esempio:

<input id="txt" type="text" onKeyPress="if (event.which == 13) return false;"></input>

Quando si preme invio in un form il comportamento naturale del form è quello di essere sottomesso, per fermare questo comportamento che non è naturale, è necessario impedirne l'invio (comportamento predefinito), con jquery:

$("#yourFormId").on("submit",function(event){event.preventDefault()})

un'idea:

<form method="POST" action="javascript:void(0);" onSubmit="CheckPassword()">
    <input id="pwset" type="text" size="20" name='pwuser'><br><br>
    <button type="button" onclick="CheckPassword()">Next</button>
</form>

e

<script type="text/javascript">
    $("#pwset").focus();
    function CheckPassword()
    {
        inputtxt = $("#pwset").val();
        //and now your code
        $("#div1").load("next.php #div2");
        return false;
    }
</script>

Due modi per risolvere:

1. il valore dell'azione del modulo è "javascript: void (0);".
2. aggiungere un listener di eventi di pressione dei tasti per il modulo per impedire l'invio.

La prima risposta è la soluzione migliore:

Aggiungi un gestore onsubmit al modulo (tramite js normale o jquery $ (). Submit (fn)) e restituisci false a meno che non siano soddisfatte le tue condizioni specifiche.

Più specifico con jquery:

$('#your-form-id').submit(function(){return false;});

A meno che tu non voglia che il modulo venga inviato, mai - nel qual caso, perché non escludere l'attributo "action" nell'elemento del modulo?

La scrittura di estensioni di Chrome è un esempio di dove potresti avere un modulo per l'input dell'utente, ma non vuoi che venga inviato. Se usi action = "javascript: void (0);", il codice probabilmente funzionerà ma ti ritroverai con questo problema cui riceverai un errore sull'esecuzione di Javascript in linea.

Se si tralascia completamente l'azione, il modulo verrà ricaricato, il che in alcuni casi è anche indesiderato quando si scrive un'estensione di Chrome. O se avessi una pagina web con una sorta di calcolatrice incorporata, in cui l'utente fornirebbe un input e fare clic su "Calcola" o qualcosa del genere.