前后端交互

本文阅读 2 分钟
首页 安全分享,WEB安全 正文

web前后端交互 这里我自己创建了一个表单文件,用来交互信息。

  1. 前后端交互 img
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>shine</title>
        <style>
            .adc{ 
                color: red;

            }
            }
        </style>
    </head>
    <body>
        
        <?php
            //定义变量并默认值设置为空,所有变量初始化
            $name=$email=$web=$notes=$wm="";
            $nameErr=$emailErr=$webErr=$wmErr="";
            
        //访问页面请求方式 REQUEST请求的意思 METHOD代表交互请求
        if($_SERVER['REQUEST_METHOD']=="POST"){ 
            
            //传输值进来,判断name值是否为空
            if(empty($_POST["name"])){ 
                $nameErr = "名字是必填选项";
                
            }else{ 
                
                //否则传入name值
                $name = abc($_POST["name"]);
                //正则表达式,检测名字是否包含字母和空格/^[a-zA-Z]*$/
                if(!preg_match("/^[a-zA-Z]*$/",$name)){ 
                    $nameErr="名字只能输入字母和空格";
                }
            }
            if(empty($_POST["email"])){ 
                $emailErr = "请输入邮箱";
                
            }else{ 
                
                //否则传入email值
                $email = abc($_POST["email"]);
                //正则表达式,检测邮箱是否合法/([\w\-]+@[\w\-]+\.[\w\-+]+)/
                if(!preg_match("/([\w\-]+@[\w\-]+\.[\w\-+]+)/",$email)){ 
                    $emailErr="请输入正确的邮箱";
                }
            }
            
            if(empty($_POST["web"])){ 
                $webErr = "请填写网址";
                
            }else{ 
                
                //否则传入web值
                $web = abc($_POST["web"]);
                //正则表达式,检测URL地址是否合法/\b(?:(?:https?|ftp):\/\/|www\.)[-a-z0-9+&@#\/%?=~_|!:,.;]*[-a-z0-9+&@#\/%=~_|]/i
                if(!preg_match("/\b(?:(?:https?|ftp):\/\/|www\.)[-a-z0-9+&@#\/%?=~_|!:,.;]*[-a-z0-9+&@#\/%=~_|]/i",$web)){ 
                    $webErr="请输入正确的网址";
                }
            }
            
            if(empty($_POST["notes"])){ 
                $notes="";
            }else{ 
                $notes=abc($_POST["notes"]);
            }
            
            if(empty($_POST["wm"])){ 
                $wm="性别是必填选项";
            }else{ 
                $wm=abc($_POST["wm"]);
            }
        }
        
        //构造函数
        function abc($shine){ 
            $shine=trim($shine);
            $shine=stripslashes($shine);
            $shine=htmlspecialchars($shine);
            return $shine;
        }

        ?>
        
        <h1>表单验证</h1>
        <p> <span class="adc">*代表必填选项</span> </p>
        
        <form method="post" action="<?php echo htmlspecialchars($SERVER["PHP_SELF"])?>" >

            名&nbsp &nbsp &nbsp字&nbsp:<input type="text" name="name" value="<?php echo $name;?>"/>
            <span class="adc">*<?php echo $nameErr;?></span>
            <br>
            E-mail&nbsp &nbsp:<input type="text" name="email" value="<?php echo $email;?>"/>
            <span class="adc">*<?php echo $emailErr;?></span>
            <br>
            web地址:<input type="text" name="web" value="<?php echo $web;?>"/>
            <span class="adc">*<?php echo $webErr;?></span>
            <br>
            备注:<br><textarea name="notes" cols="40" rows="5"><?php echo $notes;?></textarea><br>
            性别:<br>
            <input type="radio" name="wm" <?php if(isset($wm) && $wm=="woman") echo "checked" ?> value="woman">女
            <br>
            <input type="radio" name="wm" <?php if(isset($wm) && $wm=="man") echo "checked" ?> value="man">男
            <span class="adc">*<?php echo $wmErr;?></span>
            <br>
            <input type="submit" name="submit" value="submit">
        </form>
        
        <?php 
        echo "<h1>你输入的内容是:</h1>";
        echo $name;
        echo "<br>";
        echo $email;
        echo "<br>";
        echo $web;
        echo "<br>";
        echo $notes;
        echo "<br>";
        echo $wm;
        ?>
        
    </body>
</html>

简单的php的前后端交互,技术友可以用来练习.

本文为互联网自动采集或经作者授权后发布,本文观点不代表立场,若侵权下架请联系我们删帖处理!文章出自:https://blog.csdn.net/weixin_50481708/article/details/123595880
-- 展开阅读全文 --
BUUCTF Web [极客大挑战 2019]Knife
« 上一篇 06-24
安全面试之XSS(跨站脚本攻击)
下一篇 » 07-24

发表评论

成为第一个评论的人

热门文章

标签TAG

最近回复