阿当的博客











{十一月 21, 2008}   [原创 js]验证表单强度的js
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<input type="text" id="test" />
<script type="text/javascript">
function validate(value,lengthObj){
    var type;
    if(/^\s*$/.test(value))
    {
        type = 0;
    }
    else if(/^[a-z]+$/.test(value))
    {
        type = 1;
    }
    else if(/^[A-Z]+$/.test(value))
    {
        type = 1;
    }
    else if(/^[0-9]+$/.test(value))
    {
        type = 1;
    }
    else if(value.length <= lengthObj.leavl1)
    {
        type = 2;
    }
    else if(value.length > lengthObj.leavl1 && value.length <= lengthObj.leavl2)
    {
        type = 3;
    }
    else if(value.length > lengthObj.leavl2)
    {
        type = 4;
    }
    return type;
}

var input = document.getElementById("test");
input.onblur = function(){
    var type = validate(input.value,{leavl1:5,leavl2:10});
    switch (type)
    {
        case 0 :
            alert("密码不能为空!");
            break;
        case 1 :
            alert("您输入的密码过于简单,不要使用纯数字或纯大/小字母的组合!");
            break;
        case 2 :
            alert("您输入的密码长度过短,一级强度密码!");
            break;
        case 3 :
            alert("您输入的密码长度一般,二级强度密码!");
            break;
        case 4 :
            alert("您输入的密码很安全,三级强度密码!");
            break;           
    }
}
</script>
</body>
</html>



{十一月 20, 2008}   [原创 js]指定DOM中添加字符串函数

写了个简单的的小函数。

===============================

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<table border="1">
<tbody>
   <tr>
    <td id="cell1">沈冥峰</td>
    <td id="cell2">没我</td>
    <td id="cell3">帅</td>
   </tr>
</tbody>
</table>
<br /><br />
<hr />
<input type="button" id="btn1" value="在前面加2个空格" />
<input type="button" id="btn2" value="在后面加1个空格" />
<script type="text/javascript">
function addEmpty(oDomId,oCount,ofront){
   var dom = document.getElementById(oDomId);
   var count = oCount || 1;
   var frontFlag = ofront || false;
   var str = "&nbsp;";
   var addStr = "";
   for(var i=0;i<count;i++){
    addStr = addStr + str;
   }
   if(frontFlag){
    dom.innerHTML = addStr + dom.innerHTML;
   } else {
    dom.innerHTML = dom.innerHTML + addStr;
   }
}

var btn1 = document.getElementById("btn1");
var btn2 = document.getElementById("btn2");
btn1.onclick = function(){
   addEmpty("cell1",2,true);
};
btn2.onclick = function(){
   addEmpty("cell2");
};
</script>
</body>
</html>



{十一月 18, 2008}   父容器直接清除浮动的css
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}


{十一月 05, 2008}   YUI2.x和YUI3的差别



about

打造高品质的前端代码

pages
categories
archive
et cetera