Software per a hostaleria i comerç

/**Cambio de color en la label al hacer focus en el campo*/ let inputName = document.querySelector('#form-field-name'); let inputEmail = document.querySelector('#form-field-email'); let inputPhone = document.querySelector('#form-field-field_2cc46be'); let inputMessage = document.querySelector('#form-field-message'); let labelName = document.querySelector('label[for="form-field-name"]'); let labelEmail = document.querySelector('label[for="form-field-email"]'); let labelPhone = document.querySelector('label[for="form-field-field_2cc46be"]'); let labelMessage = document.querySelector('label[for="form-field-message"]'); inputName.addEventListener('focus', function() { labelName.style.color = '#205BF1'; labelEmail.style.color = ''; labelPhone.style.color = ''; labelMessage.style.color = ''; }); inputName.addEventListener('blur', function() { labelName.style.color = ''; }); inputEmail.addEventListener('focus', function() { labelName.style.color = ''; labelEmail.style.color = '#205BF1'; labelPhone.style.color = ''; labelMessage.style.color = ''; }); inputEmail.addEventListener('blur', function() { labelEmail.style.color = ''; }); inputPhone.addEventListener('focus', function() { labelName.style.color = ''; labelEmail.style.color = ''; labelPhone.style.color = '#205BF1'; labelMessage.style.color = ''; }); inputPhone.addEventListener('blur', function() { labelPhone.style.color = ''; }); inputMessage.addEventListener('focus', function() { labelName.style.color = ''; labelEmail.style.color = ''; labelPhone.style.color = ''; labelMessage.style.color = '#205BF1'; }); inputMessage.addEventListener('blur', function() { labelMessage.style.color = ''; }); /**Limitar a 9 xifres el camp telèfon*/ document.addEventListener('DOMContentLoaded', function () { const phoneInput = document.querySelector('input[type="tel"]'); if (phoneInput) { phoneInput.addEventListener('input', function () { this.value = this.value.replace(/\D/g, '').slice(0, 9); if (this.value.length < 9) { this.style.borderColor = '#ff4444'; this.setCustomValidity('El teléfono debe tener 9 cifras'); } else { this.style.borderColor = '#A4A8A8'; this.setCustomValidity(''); } }); } });