<div>
<h5>submit事件</h5>
<p>不阻止表单跳转</p>
<form id="target1" action="
<input type="text"/>
<input type="submit" value="go"/>
</form>
<p>阻止表单跳转</p>
<form id="target2" action="
<input type="text"/>
<input type="submit" value="go"/>
</form>
</div>
<script type="text/javascript"> //好像并没有阻止表单跳转
$("#target1").submit(function(e){
alert("不阻止表单跳转");
});
$("#target2").submit(function(){
alert("阻止表单跳转");
return false;
});
</script>为什么代码一样就是不submit函数没有反应?????????????函数也没执行,为什么?????
form元素是有默认提交表单的行为,如果通过submit处理的话,需要禁止浏览器的这个默认行为 传统的方式是调用事件对象 e.preventDefault() 来处理, jQuery中可以直接在函数中最后结尾return false即可
你是指点了按钮没反应吗?
1、第四行和第九行代码不完整,后面需要补>
2、补充action=""里面要跳转的页面
3、没有引入jQuery,需要添加<head></head>,并在里面引入jQuery,不然它不知道你的$什么意思