<form id="myForm" action="site/action">
<table border="0">
<tr>
<td width="160" valign="top">
Сообщение:
</td>
<td>
<textarea id="msg" id="message" name="msg" style="width: 300px;"></textarea>
</td>
</tr>
<tr>
<td width="160">
</td>
<td>
<input type="submit" value="Отправить сообщение">
</td>
</tr>
</table>
</form>
<div id="messages">
</div>
function splash()
{
if (document.myForm.msg.value =='')
{
alert ("Заполните текст сообщения!");
return false;
}
return true;
}
// загрузка сообщений из БД в контейнер messages
function show_messages()
{
$.ajax({
url: "show.php",
cache: false,
success: function(html){
$("#messages").html(html);
}
});
}
$(document).ready(function(){
show_messages();
// контроль и отправка данных на сервер в фоновом режиме при нажатии на кнопку "отправить сообщение"
$("#myForm").submit(function(){
var msg = $("#msg").val();
if (msg =='')
{
alert ("Заполните текст сообщения!");
return false;
}
$.ajax({
type: "POST",
url: "action.php",
data: "msg="+msg+"&action=add",
success: function(msg){
show_messages();
}
});
return false;
});
show_messages();setInterval("show_messages()", 10000);
});
Форма нормально работает но только при клике на кнопку "Отправить сообщение"
Как сделать так чтобы сообщение отправлялось и по кнопке и по ENTER'у , а shift + enter и ctrl + enter перенос строки ?
Заранее большое спасибо.