点击不工作

时间:2016-04-01 10:39:13

标签: javascript jquery html forms

我不明白为什么没有调用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>

2 个答案:

答案 0 :(得分:0)

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

检查详细信息:Stop form from submitting , Using Jquery

答案 1 :(得分:0)

首先,您需要将按钮类型更改为按钮,以便在单击时不直接提交表单。 然后你需要使用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", "");

    }})};