Я получаю сообщение об ошибке «Неопределенный тип» при отправке модальной формы [закрыто]Html

Программисты Html
Ответить
Anonymous
 Я получаю сообщение об ошибке «Неопределенный тип» при отправке модальной формы [закрыто]

Сообщение Anonymous »

У меня есть простая модальная форма html/js, когда я отправляю ее для ответа на консоль (следующее намерение — отправить на сервер), я получаю ошибку:
Uncaught TypeError: невозможно прочитать свойства неопределенного значения (чтение «classList»)
Код выглядит хорошо (для меня).
Кнопка запуска открывает модальное окно, заполните форму, см. ошибка. Я просматриваю консоль на вкладке "Разработчики" через Chrome.
Мой код

Код: Выделить всё

function loadSender() {

document.addEventListener('DOMContentLoaded', function() {
const cModal = document.getElementById("btnSubmit");
const modalSubmit = new bootstrap.Modal(cModal);

const xModal = document.getElementById("modalContact");
const modalLaunch = new bootstrap.Modal("xModal");

const zModal = document.getElementById("modalCheck");
const modalOpenCheck = new bootstrap.Modal("zModal");

const nameField = $(document.getElementById("txtName"));
const name = nameField.value;

const emailField = $(document.getElementById("txtEmail"));
const email = emailField.value;

const messageField = $(document.getElementById("txtMessage"));
const message = messageField.value;

callASMX(name, email, message);
//document.modalLaunch.hide;
//document.modalLaunch.reset;
//document.modalOpenCheck.show;
});
}

function callASMX(name, email, message) {
// Intent to send data to server
console.log("name: " + name);
console.log("email: " + email);
console.log("message: " + message);
}

Код: Выделить всё

.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}

@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}

.modal-top {
background: #9aa69c
}

.modal-bg {
background:  #737393
}

Код: Выделить всё

Sandbox · Bootstrap v5.0














[url=#]Home[/url]
[url=#]Features[/url]
[url=#]Contact[/url]





SandBox
Lets Play

Launch




[url=https://getbootstrap.com/]Get Bootstrap[/url], by [url=https://twitter.com/mdo]@mdo[/url].








button>





Name




Email address




Your message


Send













Success



Thank You.  Your Message has been Sent.











Подробнее здесь: https://stackoverflow.com/questions/797 ... modal-form
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»