我不明白为什么没有调用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>
答案 0 :(得分:0)
$("form").submit(function (e) {
e.preventDefault();
})
答案 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", "");
}})};