1、提交表单Javascript验证

 

 

 
  
  1.  <form action="" method="post" name="myform" οnsubmit="return CheckPost();">//submit被点击后 执行后面的自定义函数checkpost.如果为false则不提交 
  2.  
  3. <SCRIPT language=javascript> 
  4. function CheckPost() 
  5. { 
  6.     if (myform.user.value=="") 
  7.     { 
  8.         alert("请填写用户"); 
  9.         myform.user.focus(); 
  10.         return false; 
  11.     } 
  12.     if (myform.title.value.length<5)  //取得myform表内title输入框的值.如果长度小于5.提示不能少于5字符.聚集光标在title输入框.范围false 
  13.     { 
  14.         alert("标题不能少于5个字符"); 
  15.         myform.title.focus(); 
  16.                 return false; 
  17.     } 
 
  
 
 
  
 
 
  
 
 
  
 
   
 
    2 
    、 
    str_replace 
    替换函数 
      
   
 
   

       
   
 
   
 
    
 
     
 
      str_replace 
      (  
      被替换的值 
      ， 
      替换的值 
      ， 
      被替换的内容 
      ) 
      ； 
        
     
 
     

         
     
 
     

         
     
 
     
 
     
  1. function htmtocode($content) { 
  2.    $content = str_replace("\n", "<br>", str_replace(" ", "&nbsp;", $content));//替换回车和空格 
  3.    return $content; 
  4. } 
 
     

         
     
 
    
 
   
 
   

       
   
 
  
 
  
 
 
  
 
 
  
 
   
 
    3 
    、 
    htmlspecialchars  
    格式化 
    html  
   
 
   

       
   
 
   
 
    
 
     
 
      主要功能是将 
      HTML 
      格式化，可以在网页上显示HTML代码.防止在输出 
      html 
      时被浏览器执行 . 
     
 
     
 
      
 
       
 
        用法:htmlspecialchars 
        ( 
        所要格式化 
        对象 
        , 
        定义单双引号 
        , 
        编码 
        )  
       
 
       

           
       
 
       
 
        
 
         
 
          4 
          、 
          md5 
          加密函数 
           .加密内容.提高安全 
         
 
         
 
          
 
           
 
            用法:md5 
            (  
            加密对象 
             ) 
              
           
 
           

               
           
 
          
 
         
 
         

             
         
 
        
 
       
 
       

           
       
 
      
 
     
 
     

         
     
 
    
 
   
 
   

       
   
 
  
 
  
 
 
  
 
 
  
 
   
 
    5 
    、 
    COOKIE  
    的使用和登陆 
      
   
 
   

       
   
 
   

       
   
 
   
 
   

       
   
 
   

       
   
 
   

       
   
 
   

     完整留言板代码 
   
 
   

       
   
 
   

     add文件 
   
 
   

       
   
 
  
 
  
 
  
  1. <?php 
  2. /* 
  3.  * PHP100Job v1.0 
  4.  * Programmer : Msn/QQ haowubai@hotmail.com (925939) 
  5.  * www.php100.com Develop a project PHP - MySQL - Apache 
  6.  * Window 2003 - Preferences - PHPeclipse - PHP - Code Templates 
  7.  */ 
  8.  include("conn.php");  //调用conn.php文件链接数据库 
  9.  
  10.  if($_POST['submit']){ 
  11.      //如果submit按钮被点击 执行下面的内容 
  12.  
  13.   $sql="insert into message (id,user,title,content,lastdate) " . 
  14.         "values ('','$_POST[user]','$_POST[title]','$_POST[content]',now())";  //SQL插入语句 提交相应输入框的值到数据库对应的表内 
  15.   mysql_query($sql);  //执行上面的sql语句 
  16.   echo "<script language=\"javascript\">alert('添加成功');history.go(-1)</script>"; //利用java语句弹出添加成功窗口并刷新页面 
  17.  
  18.  } 
  19.  include("head.php"); //调用head文件 在此页面嵌入其他页面 
  20. ?> 
  21.  
  22.  
  23. <SCRIPT language=javascript> 
  24.  
  25. function CheckPost()     //建立自定义函数checkpost 
  26. { 
  27.     if (myform.user.value=="")   //如果myform表里的user值为空 执行下面的语句 
  28.     { 
  29.         alert("请填写用户名");   //弹出请填写用户名 
  30.         myform.user.focus();   //光标聚焦在user框 
  31.         return false;   //返回false值 不执行语句 
  32.     } 
  33.     if (myform.title.value.length<5) 
  34.     { 
  35.         alert("标题不能少于5个字符"); 
  36.         myform.title.focus(); 
  37.         return false; 
  38.     } 
  39.     if (myform.content.value=="") 
  40.     { 
  41.         alert("必须要填写留言内容"); 
  42.         myform.content.focus(); 
  43.         return false; 
  44.     } 
  45. } 
  46. </SCRIPT> 
  47.  
  48.   <form action="add.php" method="post" name="myform" οnsubmit="return CheckPost();"> 
  49.   用户：<input type="text" size="10" name="user" /><br> 
  50.   标题：<input type="text" name="title" /><br/> 
  51.   内容：<textarea name="content"  cols="60" rows="9"></textarea><br/> 
  52.  
  53.   <input type="submit" name="submit" value="发布留言"/> 
  54.  
  55.  
  56.   </form> 
 
  
 
 
  
hade文件
 
  
 
 
  
 
  
  1. <head> 
  2. <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
  3. <title></title> 
  4. <link href="p_w_picpaths/css.css" rel="stylesheet" type="text/css"><!表格样式>
  5. <b><a href="add.php">添加留言</a> | <a href="list.php">浏览留言</a>  | <a href="login.php">登陆</a> </b><!使用href函数建立内链> 
  6. <hr size=1> 
 
  
 
 
  
conn文件
 
  
 
 
  
 
 
  
 
  
  1. <?php 
  2.  
  3. /* 
  4.  * PHP100Job v1.0 
  5.  * Programmer : Msn/QQ haowubai@hotmail.com (925939) 
  6.  * www.php100.com Develop a project PHP - MySQL - Apache 
  7.  * Window 2003 - Preferences - PHPeclipse - PHP - Code Templates 
  8.  */ 
  9.  
  10. $conn = @ mysql_connect("localhost", "root", "") or die("数据库链接错误"); //链接数据库 
  11. mysql_select_db("bbs", $conn); 
  12. mysql_query("set names 'GBK'"); //使用GBK中文编码; 
  13.  
  14. function htmtocode($content) { 
  15.     $content = str_replace("\n", "<br>", str_replace(" ", "&nbsp;", $content)); //替换空格与回车 
  16.     return $content; 
  17. } 
  18.  
  19.  
  20.  
  21. ?> 
 
  
 
 
  
list文件
 
  
 
  
  1. <?php 
  2. /* 
  3.  * PHP100Job v1.0 
  4.  * Programmer : Msn/QQ haowubai@hotmail.com (925939) 
  5.  * www.php100.com Develop a project PHP - MySQL - Apache 
  6.  * Window 2003 - Preferences - PHPeclipse - PHP - Code Templates 
  7.  */ 
  8.  include("conn.php"); 
  9.  
  10.  include("head.php"); 
  11.   $SQL="SELECT * FROM `message` order by id desc"; 
  12.   $query=mysql_query($SQL); 
  13.   while($row=mysql_fetch_array($query)){ 
  14. ?> 
  15.  
  16. <table width=500 border="0" cellpadding="5" cellspacing="1" bgcolor="#add3ef"> 
  17.   <tr bgcolor="#eff3ff"> 
  18.   <td>标题：<?=$row[title]?> 用户：<?=$row[user]?></td> 
  19.   </tr> 
  20.   <tr bgColor="#ffffff"> 
  21.   <td>内容：<? 
  22.  echo htmtocode($row[content]); 
  23.    ?></td> 
  24.   </tr> 
  25. </table> 
  26. <? 
  27.   } 
  28. ?> 
 
  
 
 
  
 
 
  
login文件
 
  
 
 
  
 
  
  1. <?php 
  2. /* 
  3.  * PHP100Job v1.0 
  4.  * Programmer : Msn/QQ haowubai@hotmail.com (925939) 
  5.  * www.php100.com Develop a project PHP - MySQL - Apache 
  6.  * Window 2003 - Preferences - PHPeclipse - PHP - Code Templates 
  7.  */ 
  8. include("conn.php"); 
  9.  
  10.   if($_GET[out]){ 
  11.     setcookie("cookie", "out"); 
  12.     echo "<script language=\"javascript\">location.href='login.php';</script>"; //条件语句.如果退出.清空cookie.刷新login页面 
  13.   } 
  14.  
  15.  
  16.   if($_POST[id]=='admin'){ 
  17.     $pw=md5($_POST[pw]); 
  18.     if($pw=='e1bfd762321e409cee4ac0b6e841963c'){ 
  19.      setcookie("cookie", "ok"); 
  20.        echo "<script language=\"javascript\">location.href='login.php';</script>"; //条件语句.如果pw输入框的值=设定的值.保存cookie.刷新login页面 
  21.     }else{ 
  22.          echo "<script language=\"javascript\">alert('密码错误');history.go(-1)</script>";//如果不等于设定的值.弹出提示 密码错误. 
  23.  
  24.     } 
  25.   } 
  26.  
  27.  
  28. include("head.php"); 
  29. if($_COOKIE['cookie']!='ok'){ 
  30. ?> 
  31.  
  32. <SCRIPT language=javascript> 
  33. function Checklogin() 
  34. { 
  35.     if (myform.id.value=="") 
  36.     { 
  37.         alert("请填写登录名"); 
  38.         myform.id.focus(); 
  39.         return false; 
  40.     } 
  41.         if (myform.pw.value=="") 
  42.     { 
  43.         alert("密码不能为空"); 
  44.         myform.pw.focus(); 
  45.         return false; 
  46.     } 
  47. } 
  48. <!type类型为password时.输入框输入文字会上加密形式> 
  49. </SCRIPT> 
  50.  
  51. <form action="" method="post" name="myform" οnsubmit="return Checklogin();"> 
  52.   ID：<input type="text" name="id" /><br> 
  53.   PW：<input type="password" name="pw" /> <input type="submit" name="submit" value="登陆"/> <!type类型为password时.输入框输入文字会上加密形式> 
  54.   </form> 
  55. <? 
  56. }else{ 
  57. ?> 
  58.     <a href='?out=login'>退出</a> 
  59. <? 
  60. } 
  61. ?>