Как в js прописать очистку формы и проверку инпутов на правильность заполнения?

Здравствуйте! Я гуглила. Уже несколько дней причем. Вставляю нужные части в свой код, но почему-то не работает. Я новичок в js, возможно что-то лишнее вставляю или не туда..
Например, пробовала вот это:

function valEl(el){
el.validate({
rules:{
phone:{
required: true,
regex: '^([\+]+)*[0-9\x20\x28\x29\-]{5,20}$'
},
name:{
required:true,

},
mail:{
required: true,
email: true
}
},
messages:{
phone:{
required: 'Поле обязательно для заполнения',
regex: 'Телефон может содержать символы + - ()'
},
name:{
required: 'Поле обязательно для заполнения',
regex: 'Имя не может содержать символы и цифры'
},
mail:{
required: 'Поле обязательно для заполнения',
email: 'Неверный формат E-mail'
}
}
})
};

Как в js прописать очистку формы и проверку инпутов на правильность заполнения?

Спасибо большое за помощь! Статью прочитала, библиотеки смотрю.

У меня в коде было прописано вот это: $('#order__form').trigger('reset');
По идее должно было работать, но почему-то форма не очищалась.
Сейчас переписала вот так и все заработало:

$(function() {

	$("#order__form").submit(function() {
		$.ajax({
			type: "POST",
			url: "php/post.php",
			data: $(this).serialize()
		})

		.done(function() { //Если все хорошо, показываем сообщение об отправки и очищаем поля
			$(".order__massage").addClass("active").css('display', 'flex').hide().fadeIn(); 
			setTimeout(function(){ 
				jQuery("#order__form").trigger("reset"); 
				$('.order__massage').on('click', function(e) {
				$('.order__massage').fadeOut();
				}); 
		});
		return false;
	});
});