Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   форма отправки (https://javascript.ru/forum/misc/61425-forma-otpravki.html)

tanja 17.02.2016 18:53

форма отправки
 
здравствуйте! подскажите пож новичку: хочу сделать форму, при которой посетителю, при входе на странницу нужно представиться, и после введения имени alert выведет окно приветствия "Добро пожаловать" + name.

html самый простой:
...
<body>

<form id="contact_form" name="contact_form">
<fieldset id="personalInfo">
<input id="contact_name" type="text" name="contact_name" placeholder="Введите имя">
<input id="send" type="submit" name="send" value="Отправить данные"></p>
</form>

</body>

и в head:

<script>
var name = document.getElementById('contact_name');
function prepareEventYandler(){
document.getElementById('contact_form').onsubmit = function(){
if (document.getElementById('contact_name').value == ''){
alert('Введите имя');
return false;
}else{
alert("'Добро пожаловать' + name "); document.getElementById('contact_form').innerHTML = '';
return true;
}
}
window.onload = function(){
prepareEventYandler();
}
}

</script>

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

Спасибо!

destus 17.02.2016 19:28

Потому что name это ссылка на узел в DOM дереве. Alert(name) получается не найс..попробуйте name.value. Да и кавычки не нужны.

tanja 17.02.2016 20:36

<script>
var name.value = document.getElementById('contact_name');
function prepareEventYandler(){
document.getElementById('contact_form').onsubmit = function(){
if (document.getElementById('contact_name').value == ''){
alert('Введите имя');
return false;
}else{
alert('Добро пожаловать' + name.value );
document.getElementById('contact_form').innerHTML = '';
return true;
}
}
window.onload = function(){
prepareEventYandler();
}
}

</script>

изменила вот здесь.... но всеравно не запускается ничего((

destus 17.02.2016 21:00

var name.value = document.getElementById('contact_name') здесь просто надо var name=

tanja 17.02.2016 21:07

var name = document.getElementById('contact_name');


и потом:

alert('Добро пожаловать' + name.value );


не работает(

destus 17.02.2016 21:22

А где action у формы? :( и если у вас скрипт в head. то надо var name=... засунуть в window.onload


Часовой пояс GMT +3, время: 20:51.