Cómo hacer el campo obligatorio de un formulario (En 7 Pasos)

Por chad buleen
Cómo hacer el campo obligatorio de un formulario (En 7 Pasos)
Comstock/Comstock/Getty Images

Tener un formulario HTML de la página web sólo tiene valor si en realidad consigues la información que buscas cuando alguien está llenando el formulario. Puedes asegurarte de que ciertos renglones del formulario se completen antes de que el usuario pueda hacer clic en "Enviar" haciendo algunos campos obligatorios. Debes añadir un poco de código CSS a tu página para hacer que los elementos del mismo sean obligatorios.

Paso 1

Inicia sesión en tu servidor web.

Paso 2

Navega a la página HTML en la que se muestra el formulario.

Paso 3

Inserta el siguiente código CSS en la parte superior de la página:

function isEmpty(str) { // Check whether string is empty. for (var intLoop = 0; intLoop < str.length; intLoop++) if (" " != str.charAt(intLoop)) return false; return true; }

function checkRequired(f) { var strError = ""; for (var intLoop = 0; intLoop < f.elements.length; intLoop++) if (null!=f.elements[intLoop].getAttribute("required")) if (isEmpty(f.elements[intLoop].value)) strError += " " + f.elements[intLoop].name + "\n"; if ("" != strError) { alert("Required data is missing:\n" + strError); return false; } else return true }

Paso 4

Localiza el campo en el código HTML que desees que sea obligatorio. Para este ejemplo, supón que deseas hacer obligatorio a "Número de tarjeta de crédito".

Paso 5

Inserta el código siguiente en torno a "Número de tarjeta de crédito":

Paso 6

Agrega el siguiente renglón al final de la página HTML:

Reemplaza "yourform" con el nombre real de tu formulario.

Paso 7

Haz clic en "Publicar".