表单的验证

我做了一个添加用户，修改用户的界面，现在想对这两个表单做验证，比如不能为空啊，只限数字啊，两次密码必需一致啊，我应该怎么弄，之前谢了一个JS，但是没用啊。跪求各位大哥指教下我啊。我对JS不太懂。
function  CheckForm()
{  
if  (document.form.name.value.length  ==  0)  {  
alert(”请输入您姓名!”);
document.form.name.focus();
return  false;
}
return  true;
}
本文来源网页吧http://www.wangyeba.com

解决方案 »

  1.   


    function CheckForm()
    {//举一个检查是否为空的例子   
    if (!document.getElementById("ba").getElementById("num").value) {   
    alert("请输入您的姓名!!");
    document.getElementById("ba").getElementById("num").focus();
    return false;
    }
    return true;
    }<form id="ba">
    <input type="text" id="num" onblur="CheckForm()"/>
    </form>
      

  2.   

    不能为空 
    var comp = document.getElementById('元素的id');
    if(comp.value == ""){
      alert('什么什么为空')
      comp.focus();
      return false
    }
    限制数字 
    监听元素的onkeyup数字
    function onlyDigit(obj){
      obj.value = obj.value.replace(/[^\d.]/g,"");
    }
    <input type="text" onkeyup="onlyDigit(this)">密码不同 
    取出两个密码的值 判断一下值相不相等即可 代码太简单的 就不写了 
      

  3.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
     <head>
      <title> New Document </title>
      <meta name="Generator" content="EditPlus">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
      <style>
    span{
    color:red;
    }
      </style>
      <script type="text/javascript">
      <!--
    function checkForm(){
    var nameobj = document.getElementsByName("name")[0];
    if(!nameobj.value){
    nameobj.nextSibling.innerHTML = "用户名不能为空！";
    return false;
    }else{nameobj.nextSibling.innerHTML='';} var passwordobj = document.getElementsByName("password")[0];
    if(!passwordobj.value){
    passwordobj.nextSibling.innerHTML = "密码不能为空！";
    return false;
    }else{passwordobj.nextSibling.innerHTML='';} var passwordobj2 = document.getElementsByName("password2")[0];
    if(!passwordobj2.value){
    passwordobj2.nextSibling.innerHTML = "密码不能为空！";
    return false;
    }else{passwordobj2.nextSibling.innerHTML='';} if(passwordobj.value != passwordobj2.value){
    passwordobj2.nextSibling.innerHTML = "两次密码不一致！";
    return false;
    }else{passwordobj2.nextSibling.innerHTML = '';}
    return true;
    }
      //-->
      </script>
     </head> <body>
      <form action="" onsubmit="return checkForm()">
    姓名：<input name="name"><span></span><br>
    密码：<input type="password" name="password"><span></span><br>
    密码2:<input type="password" name="password2"><span></span><br>
    <input type="submit" value="提交">
      </form>
     </body>
    </html>