关于Jquery的元素parent.remove()问题

yoshikis 2015-03-08 01:15:44
大神们,我在做一个表单验证,用Jquery的,有一个问题请教一下,就是无法remove掉节点的元素,代码看看有什么问题。
像这样,老是出现多个提示信息,删不掉。

表单部分:
 <form style="text-align:center" method="POST">
<div class="int">
作者:
<input type="text" name="author" id="author" class="required" />
</div>
<br/>
<div class="int">
标题:
<input type="text" name="title" id="title" class="required" />
</div>
<br/>
<div class="int">
<textarea name="content" rows="10" cols="30" id="content" class="required">
</textarea>
</div>
<br/>
<div class="int">
验证码:<img id="img_code" src="./auth_code.php?r=<?php echo rand();?>" onclick="changeCode()"/><input type="text" name="authcode"/>
</div>
<br/>
<div class="sub">
<input type="submit" value="提交" id="send"/>  <input type="reset" id="res" />
</div>
</form>


Jquery部分

$(function(){
$("form :input.required").each(function(){
var $required = $("<strong class='high'> *</strong>");
$(this).parent().append($required);
});
$('form :input').blur(function(){
var $parent = $(this).parent();
$parent.find(".formtips").remove();//删除以前的提醒元素
//验证用户名
if($(this).is('#author')){
if(this.value=="")
{
var errorMsg = '用户名不为空.';
$parent.append('<span calss="formtips onError">'+errorMsg+'</span>');
} else{
var okMsg = '输入正确';
$parent.append('<span class="formtips onSuccess">'+okMsg+'</span>');
}
}

//验证标题
if($(this).is('#title')){
if(this.value=="")
{
var errorMsg = '标题不为空.';
$parent.append('<span calss="formtips onError">'+errorMsg+'</span>');
} else{
var okMsg = '输入正确';
$parent.append('<span class="formtips onSuccess">'+okMsg+'</span>');
}
}

//验证内容
if($(this).is('#content')){
if(this.value=="")
{
var errorMsg = '内容不为空.';
$parent.append('<span calss="formtips onError">'+errorMsg+'</span>');
} else{
var okMsg = '输入正确';
$parent.append('<span class="formtips onSuccess">'+okMsg+'</span>');
}
}

});

//提交,最终验证。
$('#send').click(function(){
$("form :input.required").trigger('blur');
var numError = $('form .onError').length;
if(numError){
return false;
}
alert("注册成功,密码已发到你的邮箱,请查收.");
});

//重置
$('#res').click(function(){
$(".formtips").remove();
});
})


...全文
655 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
yoshikis 2015-03-08
  • 打赏
  • 举报
回复
额。。谢谢了,太粗心了。
天际的海浪 2015-03-08
  • 打赏
  • 举报
回复
class写成calss了 $parent.append('<span calss="formtips onError">'+errorMsg+'</span>');

87,921

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧