jquery 用slideToggle下来一个div,div里面有个form表单,为什么一提交表单,这个div就没了?
/*js代码*/$(document).ready(function(){$('#logbtn').click(function(){$('#login').slideD...
/*js代码*/
$(document).ready(function (){
$('#logbtn').click(function (){
$('#login').slideDown('slow');
});
$('#logform').submit(function (){
$('#logsuccess').html('Hello wordl');
})
})
/*表单代码*/
<div id='login'>
<form id='logform' action='#' method='post'>
登录
<label>登录邮箱</label>
<input type='text' class='loginput' id='email' name='email'>
<label>密码</label>
<input type='password' class='loginput' id='password' name='password'>
<input type='submit' value='登录'>
<label id='logsuccess'></label>
</form>
</div> 展开
$(document).ready(function (){
$('#logbtn').click(function (){
$('#login').slideDown('slow');
});
$('#logform').submit(function (){
$('#logsuccess').html('Hello wordl');
})
})
/*表单代码*/
<div id='login'>
<form id='logform' action='#' method='post'>
登录
<label>登录邮箱</label>
<input type='text' class='loginput' id='email' name='email'>
<label>密码</label>
<input type='password' class='loginput' id='password' name='password'>
<input type='submit' value='登录'>
<label id='logsuccess'></label>
</form>
</div> 展开
3个回答
展开全部
你的目的是什么?只是在下面的label里输出?submit是一个提交,会导致页面刷新,你这么写直接刷新了本页面,别说div你的helloworld都应该是一闪而过
追问
刚看到一个帖子
function submitForm(){
$('#myForm').submit(function() {
// 提交表单
$(this).ajaxSubmit();
// 为了防止普通浏览器进行表单提交和产生页面导航(防止页面刷新?)返回false
return false;
});
}
自己添加上了return false 就哦了。。。谢谢 哈
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询