Cómo hacer un pop-up de alerta cuando hay campos de texto que son necesarios para ser llenado?

Tengo un formulario en el que se añade la información de los clientes. Me gustaría saber cómo hacer un pop-up cuadro de alerta que advierte al usuario de que él/ella se ha olvidado de llenar un importante campo de texto. No soy bueno en lenguaje HTML o JavaScript, así que necesito ayuda en esto.

InformationsquelleAutor user3418987 | 2014-03-14

3 Kommentare

  1. 2

    Simple como el infierno 🙂

    Sólo utilice el parámetro «necesarios» en su campo de entrada ( textfield /textarea etc. ).

    <form method="post" name="Form" onsubmit="" action="">
        <input length="20" required=""></input>
        <input type="submit" value="Submit"></input>
    </form>

    Un poco de texto que se mostrará si el textinput está vacía cuando el usuario intenta enviar el formulario! El formulario sólo puede ser presentada si cada entrada que está marcado como necesaria está llena de texto.
    Echa un vistazo a este sencillo violín :

    http://jsfiddle.net/UL5pC/

  2. 1

    Puede utilizar el siguiente ejemplo

    <html>
    <head>
    <script>
    function validateForm() {
        var x = document.forms["myForm"]["fname"].value;
        if (x == null || x == "") {
            alert("Name must be filled out");
            return false;
        }
    }
    </script>
    </head>
    <body>
    
    <form name="myForm" action="js"
    onsubmit="return validateForm()" method="get">
    Name: <input type="text" name="fname">
    <input type="submit" value="Submit">
    </form>
    
    </body>
    </html>
    • ambos enlaces están rotos
    • He quitado los enlaces
  3. 0

    Comprobar en este ejemplo de código de esta respuesta:

    Reemplazar los campos de entrada con sus campos de curso y configurar tu propio mensaje si alguno de los campos que faltan.

    <script type="text/javascript">
        function validateForm()
        {
        var a=document.forms["Form"]["ans_a"].value;
        var b=document.forms["Form"]["ans_b"].value;
        var c=document.forms["Form"]["ans_c"].value;
        var d=document.forms["Form"]["ans_d"].value;
        if (a==null || a=="",b==null || b=="",c==null || c=="",d==null || d=="")
          {
          alert("Please Fill All Required Field");
          return false;
          }
        }
        </script>
    
    <form method="post" name="Form" onsubmit="return validate()" action="">
    <textarea cols="30" rows="2" name="ans_a" id="a">
    <textarea cols="30" rows="2" name="ans_b" id="b">
    <textarea cols="30" rows="2" name="ans_c" id="c">
    <textarea cols="30" rows="2" name="ans_d" id="d"></textarea>
    </form>

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea