SyntaxError в JS

Question

Я выполняю функцию в JavaScript, которая получает те же данные из формы, но удаляет ошибки или ошибки, что не возвращает значения, введенные в консоли:

Untaught SyntaxError: неожиданный конец ввода.

Кроме того, я считаю, что код правильный.

Код:

// Listen for form submit
document.getElementById('contactForm').addEventListener('submit', submitForm);

function subtmitForm(e) {
    e.preventDefault();

    var name = getInputVal('name');
    var email = getInputVal('email');
}

function getInputVal(id) {
    return document.getElementById(id).value;
}

javascript

0

Altino 30 Окт 2019 в 06:20

Не могли бы вы поделиться всем файлом?

–

ezakto

30 Окт 2019 в 06:26

1

Код, который вы разместили, компилируется нормально.

–

Bergi

30 Окт 2019 в 06:31

GetInputVal определяется после первого вызова, поэтому на данный момент функция неизвестна. Переместите функцию прямо в "document.getElementById (...". Тогда функция известна до ее первого вызова,

–

Thomas Ludewig

30 Окт 2019 в 06:37

2

Из-за подъема порядок в этом случае не имеет значения.

–

Sirko

30 Окт 2019 в 06:42

1

С первого взгляда я вижу опечатку, которая может быть проблемной - ваша функция определена как subtmitForm, но вы пытаетесь привязать ее как submitForm. Я ожидал появления ошибки, отличной от «Неожиданный конец ввода», но не ожидал, что она будет строиться / функционировать, как написано выше, поскольку submitFunction никогда не определяется. Кроме того, если проблема все еще существует, было бы полезно, если бы вы опубликовали полную ошибку и, возможно, полный файл, так как здесь недостаточно информации, чтобы предоставить вам много дополнительных полезных рекомендаций.

–

Alexander Nied

30 Окт 2019 в 06:55

Answer 1

Я добавил тот же код. Нет ошибки

function submitForm(e) {

    e.preventDefault();

    var name = getInputVal('name');
    var email = getInputVal('email');
    
    alert('name:'+name+' email:'+email)
}

function getInputVal(id) {
    return document.getElementById(id).value;
}

document.getElementById('contactForm').addEventListener('submit', submitForm);

<!DOCTYPE html>
<html>
<body>

<h2>HTML Forms</h2>

<form id="contactForm">
  First name:<br>
  <input type="text" id="name" name="name" value="Mickey">
  <br>
  Last name:<br>
  <input type="text" id="email" name="email" value="Mouse">
  <br><br>
  <input type="submit" value="Submit">
</form> 

</body>
</html>

0

Jayakumar Thangavel 30 Окт 2019 в 08:08

Answer 2

У вас просто опечатка в имени функции subtmitForm(e), оно должно совпадать с именем обратного вызова submitForm в прослушивателе событий.

0

Muhammed Ibrahim 30 Окт 2019 в 06:57

SyntaxError в JS

2 ответа

Похожие вопросы

Новые вопросы

javascript