
BotBeta
Admin
Sigma
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario popular!
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Suscripción a IA
Claro, aquí tienes cómo implementar una alerta que se muestra cuando el campomejor haz una alert que se envie cuando el slaid este en blanco
slaid
está vacío al enviar el formulario. Cuando el campo está deshabilitado, la alerta se mostrará, ya que al habilitar el campo para la validación, se detectará si está vacío.### Código HTML y JavaScript:
HTML:
<form id="myForm" method="post">
<input type="text" class="slaid" placeholder="Escribe algo..." required disabled id="slaidInput" />
<textarea class="grods" placeholder="Deja un comentario (opcional)"></textarea>
<input type="submit" name="sendcalification" value="Enviar" />
</form>
<script>
document.getElementById('myForm').addEventListener('submit', function(event) {
var slaidInput = document.getElementById('slaidInput');
// Habilitar el campo antes de validar
if (slaidInput.disabled) {
slaidInput.disabled = false;
}
// Comprobar si el campo está vacío
if (slaidInput.value.trim() === '') {
alert('¡Por favor, completa el campo requerido!'); // Mostrar alerta
slaidInput.disabled = true; // Mantener el campo deshabilitado
event.preventDefault(); // Prevenir el envío del formulario
}
});
</script>
### Explicación:
1. Deshabilitar el campo: El campo de texto
slaidInput
inicia como deshabilitado.2. Manejador de eventos para el formulario: Se agrega un evento
submit
al formulario.3. Habilitar el campo en el envío: Cuando se intenta enviar el formulario, el campo se habilita temporalmente para la validación.
4. Validación del campo: Se comprueba si el valor del campo está vacío usando
slaidInput.value.trim() === ''
. Si está vacío, se muestra una alerta y se previene el envío del formulario con event.preventDefault();
.5. Mantener el campo deshabilitado: Después de mostrar la alerta, el campo de texto se mantiene deshabilitado.
Con este código, se mostrará una alerta si el usuario intenta enviar el formulario sin completar el campo de texto "slaid", y el campo permanecerá deshabilitado.