не работает

Question

Я не понимаю, почему функция click не вызывается? Есть ли ошибка в jquery?

<div id="chatbox"> 

</div> 

     <input name="usermsg" type="text" id="usermsg" size="63" /> 
     <input name="submitmsg" type="submit" id="submitmsg" value="Send" /> 
     </div> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> 
<script type="text/javascript"> 
    //If user submits the form 
    $("#submitmsg").click(function(){ 

     var clientmsg = $("#usermsg").val(); 

     jQuery.ajax({method:'post',url:'{{=URL('post')}}', 
        data:{'text':clientmsg,'touser'=touser}, 

        success:function(data){ 
      $("#usermsg").attr("value", ""); 
      return false; 
     }})}; 

</script> 

Answer 1

$("form").submit(function (e) { 
     e.preventDefault(); 
}) 

Убедитесь, что для деталей: Stop form from submitting , Using Jquery

Answer 2

Прежде всего, необходимо изменить тип кнопки на кнопку так, чтобы форма не будет представлен непосредственно при нажатии. Затем вам нужно остановить функцию по умолчанию формы, используя метод jQuery для event.preventDefault(). Я только пытаюсь решить проблему обновления страницы здесь.

 <form name="message" id="myForm" action=""> 
     <input name="usermsg" type="text" id="usermsg" size="63" /> 
     <input name="submitmsg" type="button" id="submitmsg" value="Send" /> 
    </form> 

<script type="text/javascript"> 

//If user submits the form 
$("#myForm").submit(function(e){ 
    e.preventDefault(); 



    jQuery.ajax({method:'post',url:'{{=URL('post')}}', 
       data:$('#myForm').serialize(),//its the jquery method to serialize form data directly. 
     success:function(data){ 
     $("#usermsg").attr("value", ""); 

    }})};