JSFiddle - React, Tailwind, and code Playground

HTML

<form id="feedback-form" class="site-form no-ajax">
					<label class="required name">
						<span class="field-title">Представьтесь, пожалуйста</span>
						<input type="text" value="1234568778" name="NAME">
					</label>
					<label class="email required">
						<span class="field-title">Контактный E-mail</span>
						<input type="text" value="1234568778" name="EMAIL">
					</label>
<label class="phone required">
						<span class="field-title">Номер контактного телефона</span>
						<input type="text" class="phone" value="1234568778" name="PHONE">
					</label>
					<label class="required">
						<span class="field-title">Ваше письмо</span>
						<textarea name="MESSAGE">123</textarea>
					</label>
					<div class="submit">
						<input type="submit" name="submit" value="Отправить письмо">
					</div>
				</form>

CSS

.site-form label{display: block;}

JavaScript

jQuery(document).ready(function ($) {

    $(document).on('submit.form_submit', '.site-form', function (e) {
        e.preventDefault();
        var error = forms.validateFields($(this));
        if (!error) {
            forms.send($(this));
        }
    });

});



var forms = {
    validateFields: function (form) {
        return 0;
    },
    send: function (form) {
        if (form.hasClass('no-ajax')) {
            $(document).off('.form_submit');
            form.trigger('submit');
        }
        else {
            //$.ajax()
        }

    },
}