Валидация Email

Решил сделать валидацию, чтобы регистрация была доступна только для перечисленных почтовых ящиков.

Собрал код из разных кусков, немного доделал сам, теперь нужна помощь.

Вот сам скрипт

const EMAIL_REGEXP = /^[^ ]+\@(?=mail.ru$|gmail.com$|yandex.ru$|ukr.net$)/;
const input = document.getElementById('user_email');

function isEmailValid(value) {
	return EMAIL_REGEXP.test(value);
}

let btn = document.getElementById('wp-submit');
btn.setAttribute('disabled', true);

function onInput() {
	if (isEmailValid(input.value)) {
		input.style.borderColor = 'green';
		btn.removeAttribute('disabled');
	} else {
		input.style.borderColor = 'red';
		btn.setAttribute('disabled', true);
	}
}
input.addEventListener('input', onInput);

Если вкратце, пока Email не будет введен правильно, кнопка регистрация будет не активна к ней добавлен disabled так же поле Email горит borderColor red

let btn = document.getElementById('wp-submit');
btn.setAttribute('disabled', true);

Однако хотелось бы сделать, чтобы при клике на кнопку wp-submit, выводилось сообщение "Email введен не корректно"
В данном случаи .on('click') не работает из-за добавленного к кнопке disabled

Как сделать чтобы при не правильно введенном Email и клике по кнопке выводилось сообщение не понятно.