WORDPRESS. CÓMO ELABORAR PÁGINAS WEB PARA PEQUEÑAS Y MEDIANAS EMPRESAS

window.addEventListener('DOMContentLoaded', function() { // ========================================================= // 1. RESTRICCIÓN DE CÓDIGO POSTAL (MÁXIMO 5 DÍGITOS) // ========================================================= document.addEventListener('input', function(e) { const input = e.target; // Detecta el campo por su ID o atributo const isCP = input.id.includes('cp') || input.name.includes('cp') || input.placeholder.toLowerCase().includes('cp') || input.type === 'number'; if (isCP) { // Limpia no-numéricos y limita a 5 caracteres input.value = input.value.replace(/[^0-9]/g, ''); if (input.value.length > 5) { input.value = input.value.slice(0, 5); } } }); // ========================================================= // 2. VALIDACIÓN DE CORREO + BLOQUEO DE PEGAR // ========================================================= const emailInput = document.getElementById('form-field-email'); const confirmInput = document.getElementById('form-field-conf_email'); if (emailInput && confirmInput) { // Bloquear el menú contextual y los atajos de copiar/pegar ['paste', 'copy', 'cut', 'drop'].forEach(function(eventName) { confirmInput.addEventListener(eventName, function(e) { e.preventDefault(); }); }); // Crear la alerta roja debajo del segundo campo const errorMsg = document.createElement('small'); errorMsg.style.color = '#e74c3c'; errorMsg.style.display = 'none'; errorMsg.style.marginTop = '5px'; errorMsg.style.fontWeight = 'bold'; errorMsg.innerText = 'Los correos electrónicos no coinciden'; confirmInput.parentNode.appendChild(errorMsg); // Comparar carácter por carácter en tiempo real function checkLiveMatch() { if (confirmInput.value.length > 0 && emailInput.value !== confirmInput.value) { errorMsg.style.display = 'block'; confirmInput.style.borderColor = '#e74c3c'; confirmInput.setCustomValidity('Los correos no coinciden'); } else { errorMsg.style.display = 'none'; confirmInput.style.borderColor = ''; confirmInput.setCustomValidity(''); } } emailInput.addEventListener('input', checkLiveMatch); confirmInput.addEventListener('input', checkLiveMatch); } });