页面就不写了，帮你把验证的js方法写好了。 调用的话，你在form的onsubmit时调用就行。
<script>//用户名要以字母开头；
var isUserName = function(s){
var patrn=/^[a-zA-Z]+$/
if (!patrn.exec(s))
return false
return true
}
//两次输入的密码需要一样；
var isPassword = function(s1,s2){
if(!s1==s2)
return false
return true
}
//输入的EMAIL地址中必须要有’@’
var isEmail = function(s){
var patrn=/^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$/
if (!patrn.exec(s))
return false
return true
}
//有些输入项是必填项，不能为空；
var isEmpty = function(s){
var patrn=/^[\s\S]+$/
if (!patrn.exec(s))
return false
return true
}
</script>
希望对你有用。
把以下代码加到body里试一试 本应写成function 就是做个示意给你看看原理
昵称：<input type="text" onclick="this.style.border='1px #cd1b1b solid'document.getElementById('a').innerHTML=''" onblur="this.style.border='1px #000000 solid'if(this.value==''){document.getElementById('a').innerHTML='昵称不能为空！'}"/><span id="a"></span><br /><br />
密码：
<input type="text" onclick="this.style.border='1px #cd1b1b solid'document.getElementById('b').innerHTML=''" onblur="this.style.border='1px #000000 solid'if(this.value==''){document.getElementById('b').innerHTML='密码不能为空！'}"/><span id="b"></span>
