formularz bez żadnej akcji i jeśli enter nie przeładowuje strony

Szukam najładniejszego sposobu na stworzenie formularza HTML, który nie ma przycisku przesyłania. To samo w sobie jest dość łatwe, ale muszę również zatrzymać ponowne ładowanie formularza, gdy wykonywane są czynności podobne do przesyłania (na przykład trafienie Enterw pole tekstowe).

Dodaj procedurę obsługi onsubmit do formularza (za pomocą zwykłego js lub jquery $ (). Submit (fn)) i zwróć wartość false, chyba że zostaną spełnione określone warunki.

Chyba że nigdy nie chcesz, aby formularz był przesyłany - w takim przypadku dlaczego nie po prostu pominąć atrybutu „action” w elemencie formularza?

Będziesz chciał dołączyć action="javascript:void(0);"do swojego formularza, aby zapobiec ponownemu ładowaniu strony i zachować standard HTML.

Po prostu dodaj to wydarzenie do swojego pola tekstowego. Uniemożliwi to przesłanie po naciśnięciu klawisza Enter, a Ty możesz dodać przycisk przesyłania lub formularz wywoławczy.submit () zgodnie z wymaganiami:

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

Na przykład:

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

Gdy wciśniesz enter w formularzu, naturalnym zachowaniem formularza jest wysłanie, aby zatrzymać to zachowanie, które nie jest naturalne, musisz uniemożliwić mu wysłanie (zachowanie domyślne), za pomocą jquery:

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

pomysł:

<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>

i

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

Dwa sposoby rozwiązania:

1. wartością akcji formularza jest „javascript: void (0);”.
2. dodaj detektor zdarzeń naciśnięcia klawisza dla formularza, aby zapobiec przesyłaniu.

Pierwsza odpowiedź to najlepsze rozwiązanie:

Dodaj procedurę obsługi onsubmit do formularza (za pomocą zwykłego js lub jquery $ (). Submit (fn)) i zwróć wartość false, chyba że zostaną spełnione określone warunki.

Bardziej szczegółowo z jQuery:

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

Chyba że nigdy nie chcesz, aby formularz był przesyłany - w takim przypadku dlaczego nie po prostu pominąć atrybutu „action” w elemencie formularza?

Pisanie rozszerzeń Chrome to przykład, w którym możesz mieć formularz do wprowadzania danych przez użytkownika, ale nie chcesz, aby był przesyłany. Jeśli użyjesz action = "javascript: void (0);", kod prawdopodobnie będzie działał, ale skończysz z tym problemem, w którym pojawi się błąd związany z uruchamianiem wbudowanego JavaScript.

Jeśli całkowicie pominiesz tę czynność, formularz zostanie ponownie załadowany, co jest również niepożądane w niektórych przypadkach podczas pisania rozszerzenia Chrome. Lub jeśli masz stronę internetową z jakimś wbudowanym kalkulatorem, w którym użytkownik wprowadzałby pewne dane wejściowe i klikał „Oblicz” lub coś w tym rodzaju.