Enviar formulario sin Javascript

Question

Tengo un formulario que se basa en javascript para hacer toda la validación del formulario del lado del cliente. Este formulario se envía a través de JavaScript si todos los campos están llenos correctamente en lugar de utilizar un estándar botón "enviar":

<button name="button" type=button onclick="validateReqFields('mForm', 'username, password, compPassword, firstName, lastName');">Register</button> 

document[formName].submit(); 

Si el cliente tiene JavaScript desactivado, toda la validación de formularios se realiza del lado del servidor (su de hecho se realizó de nuevo independientemente, pero eso en realidad no importa). El problema radica en usar un botón con un tipo de botón en lugar de enviar. Funciona perfecto con javascript, pero ¿cómo puedo evitar esto cuando JavaScript no está disponible? Si uso un botón de enviar junto con el javascript, envía el formulario con cada botón y no funciona correctamente.

Answer 1

Utilice un botón de enviar en lugar del botón "botón", y luego haga que su función validateReqFields devuelva falso si el formulario no es válido.

Luego saque el formulario enviado de validateReqFields si lo desea.

De esta manera

• Si el formulario es válido, entonces el botón de clic se burbuja y el formulario se envía
• Si el formulario no es válido, entonces el javascript, se cancelará el botón haga clic
• Si javascript está deshabilitado, luego se enviará al servidor como una alternativa

Answer 2

Cambia el atributo type a submit.

<button name="button" type="submit" ... /> 

Answer 3

Utilice los <noscript></noscript> etiquetas para definir un botón de enviar "normal" cuando javascript está deshabilitado.

Answer 4

Puede usar la etiqueta <noscript> y encapsular el código anterior con el tipo de botón como enviar. Si el cliente tiene js, el código dentro del noscript será ignorado.