document.querySelector('#form-field-message').setAttribute('maxlength',250)
const phoneField = document.querySelector('#form-field-phone');
phoneField.setAttribute('maxlength', 10);
// Restrict input to numeric values only
phoneField.addEventListener('keydown', e => {
if (e.key.match(/\D/) && !['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab'].includes(e.key)) {
e.preventDefault();
}
});
// Prevent pasting in the phone field
phoneField.addEventListener('paste', e => {
e.preventDefault(); // Disable paste
});
// Restrict name field to letters only (including spaces)
const nameField = document.querySelector('#form-field-name');
nameField.addEventListener('keydown', e => {
if (!e.key.match(/[a-zA-Z ]/) && !['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab'].includes(e.key)) {
e.preventDefault();
}
});
// Prevent pasting in the name field
nameField.addEventListener('paste', e => {
e.preventDefault(); // Disable paste
});