Почему из input получаю пустую строку?

Question

[Vova135798]

Когда я получаю значение инпута, то мне выдает пустую строку. Я пробовал выводить в консоль и через alert(), но результат один и тот же.

<form id="form" onsubmit="formSubmit()">
                <label for="name">Ваше имя <span>*</span></label>
                <input type="text" id="name" name="name" />
            <button type="submit" class="form-btn">Отправить заявку</button>
        </form>

function formSubmit() {
    event.preventDefault();
    alert(document.getElementById('name').value)
}

Comments

[ThunderCat]

Уважаемый Vova135798, вы уже не первый вопрос задаете, и до сих пор не можете нормально сформатировать код?

Answer 1

[ThunderCat]

Первое что нужно сделать - смотреть консоль.
Второе - event внутри функции у вас берется из воздуха
Третье - создавать обработчик инлайн - плохая практика, используйте addEventListener
Четвертое - в вашей реализации функция обработчик уже должна существовать на момент биндинга, а она у вас видимо после кода формы.

Короче, все плохо...

Comments

[Vova135798]

В консоли ничего нет никаких ошибок

[ThunderCat]

Vova135798,

В консоли ничего нет никаких ошибок

значит проблема не в этом коде, https://jsfiddle.net/5xpn9otf/1/ все работает.

[Сергей delphinpro]

должна существовать на момент биндинга, а она у вас видимо после кода формы.

не так. На момент клика.

[ThunderCat]

Сергей delphinpro, не во всех браузерах, во всяком случае раньше бинд происходил в момент инлайн рендеринга, и иначе никак.

Answer 2

[HardBot]

<form action="" onsubmit="handleSubmit(event);">
    <input type="text" id="name">
    <input type="submit">
</form>
<script>
    function handleSubmit(e) {
        e.preventDefault();

        console.log(document.getElementById("name").value) // value получай по target лучше 
    }
</script>

Comments

[Vova135798]

Все равно пустая строка. Я сначала написал console.log('Надпись есть');, потом ваш код

[HardBot]

Vova135798, такого быть не может

[HardBot]

Vova135798, скопируй мой код и вставь его в свой.

[Vova135798]

Я так и сделал.