Форум

ivt32 · #1 (**permalink**) 25.01.2014, 10:09

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

рони · #2 (**permalink**) 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 · #3 (**permalink**) 25.01.2014, 12:18

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

Vlasenko Fedor · #4 (**permalink**) 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>

Форум

Справочник

Discord чат

Курсы javascript