表单验证,表单提交

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <SCRIPT LANGUAGE="JavaScript">
     function tijiao(){
        document.myform.submit();   //表单对象.submit();
     }

     /**
       表单的验证方法
     */
     function checkform(){
        //登录 只能字母数字 _ 
        var name=document.myform.loginname.value;  //fix4u_163
        if (name.length==0)
        {
          alert("登录名不能为空");
          return false;
        }
        for(var i =0;i<name.length;i++){
         var c= name.charAt(i);  //一个字母       c=='_'
         if ((c=='_')||(c>='0' && c<='9')||(c>='a' && c<= 'z')||( c>='A' && c<= 'Z'))
         {
             ;  //是合法的
         }else{
            alert("登录名不合法,只能a-z,A-Z,_,0-9");
            return false;
         }        
       } 

        //检查密码的
        var pass=document.myform.userpass.value;
        if (pass.length!=6)
        {
            alert("密码必须为6位");
            return false;
        }

        //s检查qq
        var qq=document.myform.qq.value;
        if ( isNaN(qq) || qq.length==0 )   //不是一个数  true
        {
           alert("QQ号必须为数字");
           return false;
        }
        
     }
  </SCRIPT>
 </HEAD>

 <BODY>
 <!-- 表单提交 方式 几种
   1 提交按钮
   2  回车
   3  js提交
 -->
    <form onsubmit="return checkform()" name="myform" METHOD=POST ACTION="table.html" >          
          登录名<INPUT TYPE="text" NAME="loginname"><br/>
          密码<INPUT TYPE="password" NAME="userpass"><br/>
          QQ号<INPUT TYPE="text" NAME="qq"><br/>
          <hr/>
          <INPUT TYPE="submit" value="登录QQ">
          <INPUT TYPE="button" VALUE="普通按钮" ONCLICK="tijiao()">
    </FORM>
 </BODY>
</HTML>

 

posted @ 2012-10-20 18:21  邹晟  阅读(216)  评论(0编辑  收藏  举报