表单验证相关求解。。。

看到phpchina的论坛注册页面的表单验证，（http://bbs.phpchina.com/member.php?mod=fsd71rhadsa）我也想模仿，（其中鼠标oncklick和onblur的效果，）可弄不来，也不想用jquery插件，想锻炼一下自己的js，但看不到它的源码，所以求高手能给个例子，给个思路，我刚学js，对其不是很熟，记得以前看过一本叫《javascript权威指南》上的书上有个验证的例子，貌似写的很全面很简洁，用了一些for循环之类的就搞定了，精炼啊。但是我却不会套。郁闷啊，求解，谢谢了。

解决方案 »

  1.   

    <script type="text/javascript">
    function test(){
    var a=document.forms[0].elements;
    for(var i=0;i<a.length;i++){
    if(a[i].value==""){
    a[i].value="empt";
    }
    }
    }
    </script>
    </head><body>
    <form>
    username:<input type="text"><br />
    password:<input type="password"><br />
    <textarea></textarea>
    <INPUT type="button" value="TEST" onclick="test()">
    </form>
    </body>
    这样?
      

  2.   

    这个就是text的onblur和onfocus事件，还有定义一个样式
      

  3.   

    偶也想到了直接在每个input后面直接用onckick()和onblur()，但是这样貌似不那么简洁啊。貌似人家有的一个函数就搞定了诶，1楼那个函数貌似是在<INPUT type="button" value="TEST" onclick="test()">这里触发的，也就是还要点击按钮啊，我想要的效果是点击文本框和离开文本框效果就出来，求解