PHP+JavaScript+HTML实现注册界面表单及日历控件

        本文主要是介绍我做PHP网站时的一个HTML的简单静态界面，它的主要功能是用户注册界面，并且参照了网上的例子使用JavaScript判断和My97DatePicker的日历控件。界面效果如下图所示：

        同时插入数据库显示效果如下图所示：

        可以看到引用My97DatePicker的日历控件及判断效果如下图所示：

  

        其中注册界面register_student.html代码如下：

  

  	

      
学生用户注册
    
    

      
返回
    
    

      

    
    

      
学号:*
      

    
    

      
姓名:*
      

    
    

      
性别:*
      

        未指定
        男
        女
      	 
      
    
    

      
Email邮件:*
      

    
    

      
密码:*
      

    
    

      
确认密码:*
      

    
    

      

    
    

      
学院:
      

        软件学院
        计算机学院
        自动化学院
        光电学院
        车辆学院
        信息与电子学院
        机电学院
        基础教育学院
        其他
      	      
      
    
    

      
出生日期:*
      

    
    

      
专业:
      
（单选）
      

        软件工程
        数字媒体
        信息安全
        数字仿真
        移动应用开发
      
    
		

      
入学年月:
      

        2010年
        2011年
        2012年
        2013年
        2014年
        2015年
        2016年
        2017年
        2018年
      	      
      
    
    

      

      

        01月
        02月
        03月
        04月
        05月
        06月
        07月
        08月
        09月
        10月
        11月
        12月
      	      
      
    
    

      

    
    

      

        
      
      

      	
      	
    
  

        JavaScript包括学号、姓名、密码长度、性别等判断，同时register_sresult.php显示结果代码如下，数据库方面是封装在类中，调用下面代码实现的：
        //判断插入的用户是否重复
        $hpi = new HttpPostInf();
        $result = Human::id_vf($_SESSION['name'],$_SESSION['pwd'],1);
        //执行插入操作
        $hgi=new HttpPostInf();
        $result=$hgi->doquery('1',$sql);
        同时采用Session记录数据，但Session更好的方面是在登录操作。

alert('抱歉,您提交的用户名id已存在!');window.history.go(-1)"; 
		session_destroy();
		exit(); 
	}
	if($result==-1) { //插入数据库
		$sql = "INSERT INTO Student_Info (SInf_ID,SInf_Name,SInf_Sex,SInf_Maj,SInf_Eym,SInf_Pwd,SInf_Email,SInf_Score,Sinf_Bir) VALUES (";
		$sql .= "'".$_SESSION['number']."',";
		$sql .= "'".$_SESSION['name']."',";
		$sql .= "'".$_SESSION['sex']."',";
		$sql .= "'".$_SESSION['subject']."',";
		$sql .= "'".$_SESSION['year'].$_SESSION['month']."',";
		$sql .= "'".$_SESSION['pwd']."',";
		$sql .= "'".$_SESSION['email']."',";
		$sql .= "'0',";  //分数非空
		$sql .= "'".$_SESSION['birth']."'";
		$sql .= ");";
		
		//echo $sql;
		$hgi=new HttpPostInf();
		$result=$hgi->doquery('1',$sql);
		//echo $result;
		if($result=='error'){ //添加失败
    	echo ""; 
    	session_destroy();
			exit();
		}
	}
?>








	

		

			

				

      	
恭喜您注册成功
	    
	    

	      
立即登陆
	    
	    

	      

	    
	    

	      
学号:
	      

	    
			

	      
姓名:
	      

	    
	    

	      
性别:
	      

	    
	    

	      
专业:
	      

	    
	    

	      
入学时间:
	      

	    
	    

	      
邮件:
	      

	    
	    

	      
出生日期:
	      

	    
	    

	      

	    
		
	

        至于My97DatePicker控件主要是通过文件夹调用，核心代码如下：
        
       
        
               style=width:165pt; maxlength="50" onClick="WdatePicker()">

         下载地址：http://download.csdn.net/detail/eastmount/8454441
         最后希望文章对大家有所帮助，如果有错误或不足之处，请海涵！
         (By:Eastmount 2015-2-23  http://blog.csdn.net/eastmount)