Анкета

Доброго времени суток. Решил запилить что то вроде формы заполнения анкеты пользователем на странице форума, с дальнейшей публикацией в указанной теме сообщением.

Пробовал различные варианты, не работает.

Код (вставляю в страницу html с использованием верха и низа страницы):
<h2>
Анкета
</h2>
<form id="anketaForm">

<div>
<label for="textInput">Поле для заполнения:</label> <input name="textInput" id="textInput" type="text" />
</div>

<div>
<label>Дата рождения:</label> <select name="birthDay" id="birthDay">
<option value="">День</option>
<option value="1">1</option>
<option value="2">2</option>

<!— ...добавьте остальные варианты дней -->
</select> <select name="birthMonth" id="birthMonth">
<option value="">Месяц</option>
<option value="1">Январь</option>
<option value="2">Февраль</option>

<!— ...добавьте остальные варианты месяцев -->
</select> <select name="birthYear" id="birthYear">
<option value="">Год</option>
<option value="1990">1990</option>
<option value="1991">1991</option>

<!— ...добавьте остальные варианты годов -->
</select>
</div>

<div>
<input name="agreement" id="agreement" type="checkbox" /> <label for="agreement">Согласен с Уставом альянса</label>
</div>
</form>
<button onclick="submitForm()" type="button">
Отправить
</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script>
// Функция для отправки анкеты
function submitForm() {
// Получаем значения полей анкеты
var textInput = $('#textInput').val();
var birthDay = $('#birthDay').val();
var birthMonth = $('#birthMonth').val();
var birthYear = $('#birthYear').val();
var agreement = $('#agreement').prop('checked');

// Проверяем, заполнены ли все обязательные поля
if (textInput === '' || birthDay === '' || birthMonth === '' || birthYear === '' || !agreement) {
alert('Пожалуйста, заполните все обязательные поля и поставьте галочку согласия.');
return;
}

// Формируем текст заполненной анкеты
var message = 'Анкета:\n';
message += 'Поле для заполнения: ' + textInput + '\n';
message += 'Дата рождения: ' + birthDay + '.' + birthMonth + '.' + birthYear + '\n';
message += 'Согласие с Уставом альянса: ' + (agreement ? 'Да' : 'Нет') + '\n';

// Получаем URL из адресной строки
var url = 'https://clan-dpa.forum2x2.ru/post?t=161&mode=reply';

// Формируем данные для отправки на форум
var postData = {
req_message: message,
Post: 'Отправить',
act: 'Post',
s: '',
_do: 'post'
};

// Отправляем данные на форум
$.post(url, postData)
.done(function() {
// Обработка успешной отправки
alert('Анкета успешно отправлена!');
// Очищаем поля формы
$('#anketaForm')[0].reset();
// Дополнительные действия, если нужно
})
.fail(function() {
// Обработка ошибки отправки
alert('Произошла ошибка при отправке анкеты.');
// Дополнительные действия, если нужно
});
}
</script>



Адрес анкеты (страницы анкеты): https://clan-dpa.forum2x2.ru/h3-page


Что я не так делаю?

И можно ли переделать так, чтобы значения и формировал анкету я непосредственно созданием темы, а в первом посте темы пользователь заполнял по шаблону созданную анкету в ней с отправкой в тему его заполненной анкеты?

Кстати, когда я создают тему и снимаю галочку чтобы можно было использовать html в теме (в панеле управления форума я разрешил использование html) то в теме и сообщениях не отображается написанный код должным образом, т.е. не формируется.

По ходу ответа я не дождусь?