Cómo hacer el campo obligatorio de un formulario

Escrito por chad buleen | Traducido por walter f. stocco
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo hacer el campo obligatorio de un formulario
Localiza el campo en el código HTML que desees que sea obligatorio. (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.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Inicia sesión en tu servidor web.

  2. 2

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

  3. 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 }

  4. 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".

  5. 5

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

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

  6. 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.

  7. 7

    Haz clic en "Publicar".

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles