用jquery写了一段表单验证代码，点击提交，提示只出现一个瞬间，高手指点
<scripttype="text/javascript"src="jquery.js"></script><scripttype="text/javascript">$...
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){
$('.required').each(function(){
$(this).parent().append("<strong>*</strong>");
});
$('#username').blur(function(){
$parent=$(this).parent();
$parent.find('.tip').remove();
if($(this).val==''||this.value.length<6){
$tip1="<span class='tip'>用户名不能少于六位</span>";
$parent.append($tip1);
}
})
$('#email').blur(function(){
$parent=$(this).parent();
$parent.find('.tip').remove();
if($(this).val==''||!this.value.match( /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/)){
$tip2="<span class='tip'>邮箱格式不正确</span>";
$parent.append($tip2);
}
})
$('#send').click(function(){
$('form .required').trigger('blur');
})
});
</script>
--------------------------------------------
<body>
<form>
<div class="init"><label for="username">用户名:</label><input type="text" class="required" id="username"/></div>
<div class="init"><label for="email">邮箱:</label><input type="text" class="required" id="email"/></div>
<div class="init"><label>个人资料:</label><input type="text" /></div>
<input type="submit" id='send' value="提交"/>
<input type="reset" value="重置" />
</form>
</body> 展开
<script type="text/javascript">
$(function(){
$('.required').each(function(){
$(this).parent().append("<strong>*</strong>");
});
$('#username').blur(function(){
$parent=$(this).parent();
$parent.find('.tip').remove();
if($(this).val==''||this.value.length<6){
$tip1="<span class='tip'>用户名不能少于六位</span>";
$parent.append($tip1);
}
})
$('#email').blur(function(){
$parent=$(this).parent();
$parent.find('.tip').remove();
if($(this).val==''||!this.value.match( /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/)){
$tip2="<span class='tip'>邮箱格式不正确</span>";
$parent.append($tip2);
}
})
$('#send').click(function(){
$('form .required').trigger('blur');
})
});
</script>
--------------------------------------------
<body>
<form>
<div class="init"><label for="username">用户名:</label><input type="text" class="required" id="username"/></div>
<div class="init"><label for="email">邮箱:</label><input type="text" class="required" id="email"/></div>
<div class="init"><label>个人资料:</label><input type="text" /></div>
<input type="submit" id='send' value="提交"/>
<input type="reset" value="重置" />
</form>
</body> 展开
1个回答
展开全部
原因:页面提交了. 应该是出错了就不允许提交. 因为你页面原始是不显示后面的元素的 出错以后出现了提示 等页面提交了以后就不显示了.所以出现了这个现象
追问
请问页面提交是哪里出错了？没找出来啊
追答
页面没出错.我只是告诉你产生这个问题的原因. 页面是没错的 只不过应该是 :页面出现了后面的提示信息就不允许提交了.
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
