en el proceso de agregar un formulario de registro a un sitio web. El formulario tendrá campos de texto de nombre, apellido y correo electrónico.
Quiero que el formulario también tenga un campo de cadena de texto que debe tener una frase/código específico que se envió por correo electrónico al cliente. Esta frase/código específico debe ingresarse para enviar el formulario (al igual que el nombre, el apellido y el correo electrónico, es un campo obligatorio).
¿Se pregunta si alguien puede ayudar con algún JS que establecerá una alerta si no se ingresa esta frase o código específico, o si es incorrecto al intentar enviar el formulario?
Mis campos de entrada de formulario actuales:
<label for="FirstName">First Name</label> <input type="text" id="FirstName" name="FirstName" required> <label for="LastName">Last Name</label> <input type="text" id="LastName" name="LastName" required> <label for="Email">Email</label> <input type="email" id="Email" name="Email" required> <label for="Code">Code</label> <input type="text" id="Code" name="Code" required> <input type="submit" value="Submit">El id="Code" es el que necesito para asegurarme de que se ingrese la frase/código correcto. Por ahora, hagamos la frase/código específico: VENDOR2022
Si no se ingresa este código, o si se ingresa incorrectamente, se mostrará una alerta JS al enviar.
Cualquier ayuda es apreciada. Gracias por adelantado.
Necesitará un script del lado del servidor para poder comparar el código que ha enviado por correo electrónico con el que ingresó en su formulario.
En algunos de mis proyectos de comercio electrónico, ofrezco códigos de descuento como su VENDOR2022, y necesito pedirle a mi base de datos que lo valide. En algunos casos, el código tiene una fecha límite (disponible para la próxima semana, por ejemplo). Eso significa que el usuario no la usará de inmediato, puede cerrar su aplicación antes del día en que finalmente la use.
De la misma manera que compara el nombre de usuario/contraseña al iniciar sesión, puede comparar el código de descuento como último paso antes de que su carrito de compras se convierta en un pedido.
Yo uso PHP/MySQL. Me encantaría ayudarte con el código fuente, pero no sé qué estás usando como tecnologías de back-end...
Ok, esto parece funcionar bien, pero aún está expuesto a través de la inspección si alguien realmente quería encontrarlo.
El botón Enviar mostrará si se ingresó el código correcto.
$(document).ready(function() { var $submit = $('.btn-submit'); $submit.hide(); $("#Code").on("change", function() { if ($(this).val() == "VENDOR2022") { $submit.show(); } else { $submit.hide(); } }); });