Cómo hacer el campo obligatorio de un formulario

Localiza el campo en el código HTML que desees que sea obligatorio.
Por chad buleen

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

<INPUT TYPE=TEXT NAME="Credit Card Number" required>


Paso 6

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

<FORM NAME="yourform" ONSUBMIT="return checkRequired(this)">

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


Paso 7

Haz clic en "Publicar".