JS скрипт валидации полей

Сергей12 лет в сервисе
Данные заказчика будут вам доступны после подачи заявки
03.03.2021

Здравствуйте, есть форма на 4 поля, нужен простой скрипт валидации.

Условия валидации и поля

First name (не пустое, только буквы)

Last name (не пустое, только буквы)

email (не пустое, есть @)

phone (не пустое, только цифры, цифр ровно 12)

Скрипт срабатывает при клике на button id="ajax_submit" (ajax форма отправка осуществляется через JS)

Условия

1. Если поле не проходит валидация оно должно получить класс class="error". Всё поля которые при клике на button id="ajax_submit" не проходят валидацию - получают этот класс

2. Если поле получило class="error", то при клике на поле (когда курсор в поле) класс снимается

3. Если форма проходит валидацию - просто пишите в лог console.log("succes");

4. К button id="ajax_submit" прошу обращаться по id-шке, это важно

Предпочту чистый JS но готов рассмотреть и jQuery

Форма: https://jsfiddle.net/ywqodhnp/1/

P.S. Продажники из супер компаний не тратьте моё и своё время, ради скрипта в 8 строчек я не буду заполнять километровые брифы и общаться с вашими менеджерами по телефону.

Заявки фрилансеров