В этой записи я хочу поделиться простым способом установки required для поля с помощью jQuery. 

И так приступим. Ниже я представил код, с помощью которого реализовано все, что описано выше.

Демо

Как все работает?

Чтобы установить required атрибут с помощью jQuery, вы можете воспользоваться .prop() функцией или .attr().

Первый вариант — .prop()

Чтобы установить: $('input').prop('required', true)

Чтобы убрать: заменить true на false.

Прочитать про .prop() на официальном сайте jQuery можно тут.

Второй вариант — .attr()

Чтобы установить: $('input').attr('required', 'required')

Чтобы убрать: $('input').removeAttr('required').

.removeAttr() убирает любые атрибуты элемента. Например, если вы хотите убрать width (ширину), то это можно сделать вот так — $('input').removeAttr('width').

Прочитать про .attr() на официальном сайта jQuery можно тут.