JS表单注册验证

JavaScript011

JS表单注册验证,第1张

把以下代码加到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>

页面就不写了，帮你把验证的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>

希望对你有用。