JQuery 隐藏和显示html元素

$(function(){
$("#bubmitBtn").click(function(){
//首先需要把提示标签全部隐藏掉
$("#nameInvalid").hide();
$("#emailInvalid").hide();
$("#pwdInvalid1").hide();
$("#pwdInvalid2").hide();
//检查用户名: 长度为6到12位, 只能输入数字和英文和下划线
//alert("--");
var $nameEle = $("#UcenterMember_account");
var reg = /^\w{6,12}$/;
if(!reg.test($nameEle.val())) {
$("#nameInvalid").text(" *用户名长度为6到12位, 只能输入数字和英文和下划线");
$("#nameInvalid").show();
//alert("用户名长度为6到12位, 只能输入数字和英文和下划线");
$nameEle[0].focus();
return false;
}
//邮箱格式必须正确, 可以不输入
var $emailEle = $("#UcenterMember_email");
reg = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if($emailEle.val()!="" && !reg.test($emailEle.val())) {
$emailEle[0].focus();
$("#emailInvalid").text(" *邮箱格式不正确!");
$("#emailInvalid").show();
//alert("邮箱格式不正确!");
return false;
}

//检查密码: 长度为6位, 只能输入数字和英文
var $passwordEle = $("#UcenterMember_password1");
reg = /^[a-zA-Z0-9]{6,15}$/;
if(!reg.test($passwordEle.val())) {
$("#pwdInvalid1").text(" *密码的最低长度为6位, 只能输入数字和英文");
$("#pwdInvalid1").show();
//alert("密码的长度为6位, 只能输入数字和英文");
$passwordEle[0].focus();
return false;
}

//确认密码必须与密码相同
var $password2Ele= $("#UcenterMember_password2");
if($password2Ele.val()!=$passwordEle.val()) {
$password2Ele[0].focus();
$("#pwdInvalid2").text(" *确认密码必须与密码相同");
$("#pwdInvalid2").show();
//alert("确认密码必须与密码相同");
}


return true;
});

});

</script>

jQuery hide() 和 show()

通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素：

$("#hide").click(function(){
  $("p").hide();
});

$("#show").click(function(){
  $("p").show();
});