formulario sin acción y donde enter no recarga la página

Estoy buscando la forma más ordenada de crear un formulario HTML que no tenga un botón de envío. Eso en sí mismo es bastante fácil, pero también necesito evitar que el formulario se recargue cuando se hacen cosas similares a un envío (por ejemplo, presionar Enteren un campo de texto).

Agregue un controlador onsubmit al formulario (ya sea a través de js simple o jquery $ (). Submit (fn)) y devuelva falso a menos que se cumplan sus condiciones específicas.

A menos que no desee que el formulario se envíe nunca, en cuyo caso, ¿por qué no omitir el atributo 'acción' en el elemento del formulario?

Querrá incluirlo action="javascript:void(0);"en su formulario para evitar recargas de página y mantener el estándar HTML.

Simplemente agregue este evento a su campo de texto. Evitará un envío al presionar Enter, y puede agregar un botón de envío o llamar a form.submit () según sea necesario:

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

Por ejemplo:

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

Cuando presiona enter en un formulario, el comportamiento natural del formulario es ser enviado, para detener este comportamiento que no es natural, debe evitar que se envíe (comportamiento predeterminado), con jquery:

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

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

y

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

Dos formas de resolver:

1. el valor de la acción del formulario es "javascript: void (0);".
2. agregue un detector de eventos de pulsación de tecla para el formulario para evitar que se envíe.

La primera respuesta es la mejor solución:

Agregue un controlador onsubmit al formulario (ya sea a través de js simple o jquery $ (). Submit (fn)) y devuelva falso a menos que se cumplan sus condiciones específicas.

Más específico con jquery:

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

A menos que no desee que el formulario se envíe nunca, en cuyo caso, ¿por qué no omitir el atributo 'acción' en el elemento del formulario?

Escribir extensiones de Chrome es un ejemplo de dónde puede tener un formulario para la entrada del usuario, pero no desea que se envíe. Si usa action = "javascript: void (0);", el código probablemente funcionará, pero terminará con este problema donde obtendrá un error sobre la ejecución de Javascript en línea.

Si omite la acción por completo, el formulario se volverá a cargar, lo que tampoco es deseado en algunos casos al escribir una extensión de Chrome. O si tuvieras una página web con algún tipo de calculadora incrustada, donde el usuario proporcionaría alguna entrada y haría clic en "Calcular" o algo así.