click not working

Question

なぜクリック機能が呼び出されていないのか分かりませんが、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", ""); 

    }})};