再登录的表单中有这个疑问？

Question

<li>

<label for="">账号</label><input type="text" style="color: #999;" value="请输入您的账号" class="account" maxlength="11" onBlur="textBlur(this)" onFocus="textFocus(this)" />

<span class="error error5"></span>

</li>

.error{

clear: both;

color: red;

display: block;

padding-left: 90px;

padding-bottom: 5px;

height: 20px;

line-height: 20px;

float: left;

font-size: 12px;

}

$(function(){

(function login_validate(){

$(".reg-box .account").blur(function(){

reg=/^1[3|4|5|8][0-9]\d{4,8}$/i//验证手机正则

if($(this).val()==" "||$(this).val() == "请输入您的账号"){

   $(this).addClass("errorC");/*文本框上加上红色边框*/

$(this).next().html("账号不能为空!");

$(this).next().css("display","block");

}

})

})();

})

其中的error都设置display:block，但是在js中显示信息的时候还设置css的display为block呢？如果是为了设置它显示出来，那一开始不都是display吗

Answer 1

1.span这个标签一开始设置的display是block状态，这个只是初始化的状态，当然也可以设置为不显示状态(反正span里什么也没有，显不显示都一样)。2.js中又一次设置了display为block状态，这是不冲突的，相当于设置了两次。3.假如这里有另外一个函数，在输入账号时，设置span为不显示状态即none。当再次把账号信息删除了，就要在js中重新设置span状态为block。4.js是动态设置的属性等信息的。css是设置最初的状态。

Answer 2

那是不用设置 display 了