formulário sem ação e onde entrar não recarrega a página

Estou procurando a maneira mais simples de criar um formulário HTML que não tenha um botão de envio. Isso por si só é fácil, mas também preciso impedir que o formulário seja recarregado quando coisas semelhantes a envio são feitas (por exemplo, acertar Enterum campo de texto).

Adicione um manipulador onsubmit ao formulário (via plain js ou jquery $ (). Submit (fn)) e retorne false a menos que suas condições específicas sejam atendidas.

A menos que você não queira que o formulário seja enviado, nunca - nesse caso, por que não deixar de fora o atributo 'ação' no elemento do formulário?

Você deseja incluir action="javascript:void(0);"em seu formulário para evitar recarregamentos de página e manter o padrão HTML.

Basta adicionar este evento ao seu campo de texto. Isso impedirá um envio ao pressionar Enter, e você está livre para adicionar um botão de envio ou chamar form.submit () conforme necessário:

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

Por exemplo:

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

Quando você pressiona enter em um formulário, o comportamento natural do formulário é ser submetido, para parar esse comportamento que não é natural, você tem que evitar que ele envie (comportamento padrão), com jquery:

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

uma ideia:

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

Duas maneiras de resolver:

1. o valor da ação do formulário é "javascript: void (0);".
2. adicione ouvinte de evento de pressionamento de tecla para o formulário para evitar o envio.

A primeira resposta é a melhor solução:

Adicione um manipulador onsubmit ao formulário (via plain js ou jquery $ (). Submit (fn)) e retorne false a menos que suas condições específicas sejam atendidas.

Mais específico com jquery:

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

A menos que você não queira que o formulário seja enviado, nunca - nesse caso, por que não deixar de fora o atributo 'ação' no elemento do formulário?

Escrever extensões do Chrome é um exemplo de onde você pode ter um formulário para entrada do usuário, mas não deseja que ele seja enviado. Se você usar action = "javascript: void (0);", o código provavelmente funcionará, mas você terminará com este problema em que obtém um erro sobre a execução de Javascript embutido.

Se você deixar a ação completamente de fora, o formulário será recarregado, o que também é indesejável em alguns casos ao escrever uma extensão do Chrome. Ou se você tivesse uma página da web com algum tipo de calculadora embutida, onde o usuário forneceria alguma entrada e clicaria em "Calcular" ou algo parecido.