我們提交表單的時(shí)候,不能忽視的一個(gè)限制是防止用戶重複提交表單,因?yàn)橛锌赡苡脩暨B續(xù)點(diǎn)擊了提交按鈕或者是攻擊者惡意提交數(shù)據(jù),那麼我們在提交數(shù)據(jù)後的處理如修改或添加數(shù)據(jù)到資料庫時(shí)就會(huì)惹上麻煩。
那麼如何規(guī)避這中重複提交表單的現(xiàn)像出現(xiàn)呢?我們可以從很多方面開始:
先從前端做限制。前端JavaScript在按鈕被點(diǎn)擊一次後禁用,即disabled,這個(gè)方法簡單的防止了多次點(diǎn)擊提交按鈕,但是缺點(diǎn)是如果用戶禁用了javascript腳本則失效。
第二,我們可以在提交後做redirect頁面重定向,也就是提交後跳到新的頁面,主要避免F5重複提交,但也有不足之處。
第三,就是資料庫做唯一索引約束。
第四,就是做session令牌驗(yàn)證。
我們現(xiàn)在來了解下簡單的利用session token來防止表單重複提交的方法。
我們在表單中加一個(gè)input隱藏域,即type="hidden",其value值用來保存token值,當(dāng)頁面刷新的時(shí)候這個(gè)token值會(huì)變化,提交後判斷token值是否正確,如果前臺(tái)提交的token與後臺(tái)不匹配,則認(rèn)為是重複提交。
< ?php /* * PHP簡單利用token防止表單重復(fù)提交 */ session_start(); header("Content-Type: text/html;charset=utf-8"); function set_token() { $_SESSION['token'] = md5(microtime(true)); } function valid_token() { $return = $_REQUEST['token'] === $_SESSION['token'] ? true: false; set_token(); return $return; } //如果token為空則生成一個(gè)token if(!isset($_SESSION['token']) || $_SESSION['token']=='') { set_token(); } if(isset($_POST['web'])){ if(!valid_token()){ echo "token error,請(qǐng)不要重復(fù)提交!"; }else{ echo '成功提交,Value:'.$_POST['web']; } }else{ ?> <form method="post" action=""> <input type="hidden" name="token" value="<?php echo $_SESSION['token']?>"> <input type="text" class="input" name="web" value="www.jb51.net"> <input type="submit" class="btn" value="提交" /> </form> <?php } ?>
以上是一個(gè)簡單的防止重複提交表單的例子。
那麼實(shí)際專案開發(fā)中,會(huì)對(duì)表單token做更複雜的處理,也就是我們所說的令牌驗(yàn)證??赡芤龅奶幚?
有:驗(yàn)證來源域,即來路,是否為外部提交;匹配要執(zhí)行的動(dòng)作,是添加、修改or刪除;其次最重要的是構(gòu)建token,token可以採用可逆的加密演算法,
盡可能複雜,因?yàn)槊魑倪€是不安全的。

熱AI工具

Undress AI Tool
免費(fèi)脫衣圖片

Undresser.AI Undress
人工智慧驅(qū)動(dòng)的應(yīng)用程序,用於創(chuàng)建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費(fèi)的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費(fèi)的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強(qiáng)大的PHP整合開發(fā)環(huán)境

Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具

SublimeText3 Mac版
神級(jí)程式碼編輯軟體(SublimeText3)