javascript - style - Acción de formulario HTML y problemas de envío

select html

Question

Quiero ejecutar la validación del usuario de JavaScript en algunas entradas de cuadros de texto.

El problema que tengo es que mi formulario tiene la acción de ir a una página nueva dentro de nuestro sitio, y el atributo onsubmit nunca ejecuta la función javascript.

¿Existe una solución mejor o una que funcione con el siguiente código? NOTA: el archivo javascript está escrito correctamente y funciona si cambia la acción a checkRegistration() .

Es simplemente un problema con la ejecución de ambas acciones y javascript.

<form name="registerForm" action="validate.html" onsubmit="checkRegistration()" method="post">
<!-- textboxes here -->
<!-- and submit button -->
</form>

Answer 1

Deberías dejar de enviar el procedimiento al devolver falso en la onsubmit llamada al momento de la onsubmit .

<script>
function checkRegistration(){
if(!form_valid){
alert(''Given data is not correct'');
return false;
}
return true;
}
</script>
<form onsubmit="return checkRegistration()"...

ACTUALIZAR:

Aquí tiene un ejemplo completamente funcional, el formulario se enviará solo cuando escriba google en la entrada, de lo contrario, devolverá un error:

<script>
function checkRegistration(){
var form_valid = (document.getElementById(''some_input'').value == ''google'');
if(!form_valid){
alert(''Given data is incorrect'');
return false;
}
return true;
}
</script>
<form onsubmit="return checkRegistration()" method="get" action="http://google.com">
Write google to go to google..<br/>
<input type="text" id="some_input" value=""/>
<input type="submit" value="google it"/>
</form>

Answer 2

Tratar

onsubmit="return checkRegistration()"