Показать сообщение отдельно
  #1 (permalink)  
Старый 12.09.2015, 12:49
Аспирант
Отправить личное сообщение для Elect Посмотреть профиль Найти все сообщения от Elect
 
Регистрация: 06.09.2015
Сообщений: 41

Отправка формы по нажатию enter не обновляя страницу
В общем есть код,все данные на сервер от отправляет,но обновляет страницу,что мне вообще не нужно(по нажатию Enter)
Помогите пожалуйста
<html>
	<head>
		<title>{title}</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
		<link rel="stylesheet" href="{root}style.css" />
	</head>
	<body>
        <script type="text/javascript">
        
        </script>
        {error}
        <div class="left-sidebar">
            {avatar}
            {add_to_f}
            {settings}<br>
            <ul class="left_menu">
            <a href="/id/"><li>Моя страница</li></a>
            <a href="/friends/"><li>Мои друзья {notification}</li></a>
            </ul>
        </div>
        <div class="content-block">
            <div class="content-block-content" style="padding:20px;">
            <h2>{fname} {lname}</h2><div id="changestatusf"><button  id="changestatus" onclick="{status_r}">{status}</button></div>
            <form method="" name="osForm" action="" id="osForm">
                <input class="osForm_input" tabindex="1" id="name" name="name" type="text" value="*Ваше имя" />
                <input class="osForm_input" tabindex="2" id="email" name="email" type="text" value="*Ваш email" />
                <input class="osForm_input" tabindex="3" id="address" name="address" type="text" value="*Адрес доставки (индекс,область,город,улица,дом,квартира)" />
                <input class="osForm_btn" tabindex="4" type="submit" name="sndbtn" value="Отправить" />
            </form>
            <hr>
            Обо мне:{info}
            {friends_block}
            <div class="wall">
                <form class="send_wall" method="POST">
                    <textarea class="wall_send" rows="3" name="wall_send" placeholder="Написать на доске..."></textarea><input class="submitsw" type="submit" name="submitsw" value="">
                </form>
                {wall}
            </div>
            </div>
        </div>
        <script>  
            function changestatus(){
                var changestatusf = document.getElementById('changestatusf');
                changestatusf.innerHTML = "<form onsubmit='SendComment(event)'  method='POST' action='' id='changes'><input type='text' name='changestatus' value='{status}'></form>";
            }
            
            function SendComment(e) {
                e = e || window.event;
                if (e.keyCode == 13) {
                    $('#changes').submit(function(e){
                        e.preventDefault();
                        $.ajax({
                          url: "/id/",
                          type: "POST",
                          data: $('#changes').serialize(),
                          success: function(response) {
                            //обработка успешной отправки
                          },
                          error: function(response) {
                            //обработка ошибок при отправке
                         }
                        });
                    });
                    
                };
            };
            
        </script>
	</body>
</html>
Ответить с цитированием