click not working

Question

i dont understand why the click function is not being called?Is there any mistake in 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>

man why you use form tag? jsut remove form tag and everything will work fine — uzaif, Apr 01 '16 at 10:46
@uzaif my function is not working(not being called) if I do so — radha, Apr 01 '16 at 10:52
@uzaif ajax isn't running no network request on calling the ajax — radha, Apr 01 '16 at 10:58

score 0 · Answer 1 · edited May 23 '17 at 11:59

0

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

Check that for details: Stop form from submitting , Using Jquery

edited May 23 '17 at 11:59

Community

1
1

answered Apr 01 '16 at 10:42

Vladimir G.

885
7
15

score 0 · Answer 2 · answered Apr 01 '16 at 11:08

First you need to change your button type to button so that the form is not submitted directly when clicked. Then you need to stop the default function of the form by using event.preventDefault() method of jquery.I am only trying to resolve the problem of page refresh here.

      <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", "");

    }})};

click not working

2 Answers2