Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Сделать ссылку функциональной. (https://javascript.ru/forum/dom-window/44584-sdelat-ssylku-funkcionalnojj.html)

ivt32 25.01.2014 10:09

Сделать ссылку функциональной.
 
Добрый день, я совсем чайник если честно. Подскажите мне по одному вопросу пожалуйста.
Есть форма для отправки сообщения. в ней есть кнопка <input type="submit" value="Отправить сообщение"/> по нажатию на которую отправляется сообщение. Можно ли убрать эту кнопку и перенести её функциональность на ссылку <a href="" class="link">Отправить сообщение</a> ????

рони 25.01.2014 10:38

ivt32,
http://learn.javascript.ru/forms-methods
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">

</head>
<body>

<a href="#" id="show-button">Отправить сообщение</a>

  <form id="xform" action="/" onsubmit="return false">
    <input name="text" type="text">
  </form>
<script>
document.getElementById('show-button').onclick = function() {
   document.getElementById('xform').submit();
};
</script>
</body>
</html>

ivt32 25.01.2014 12:18

Спасибо большое все работает

Vlasenko Fedor 25.01.2014 12:58

еще вариант
<a href="#" id="show-button" onclick="xform.submit()">Отправить сообщение</a>
    <form id="xform" action="/" onsubmit="return false">
      <input name="text" type="text">
    </form>


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