[英]How to prevent form submission and make jquery ajax call instead
当在表单输入字段上按回车键时,我有一个事件要捕获,但是不会触发ajax调用,而是将from作为正常的http请求提交。
$("#addurl").keypress(function(e){
switch(e.keyCode){
case 13:
// add url ajax call
$("body").html(ajax_load)
.load(loadUrl,{url:$("#addurl").value},function(responseText){
$("#videos").append(responseText);
}
return false;
}
});
...
<form><input id="addurl" name="addurl"/></form>
当我使用alert(“ hi”)测试时,case 13语句被正确触发了,那么为什么ajax调用不能代替正常的成熟http请求呢?
你可以用
$(document).ready(function(){
//capture the form submission event
$("#formID").submit(function(){
//do something
return false;
});
});
$("#inputBoxId").keypress(function(e){
if(e.keyCode==13)
{
e.preventDefault(); /// add prevent default
//your code here
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.