這篇文章將為大家詳細(xì)講解有關(guān)JS表單提交信息加密的示例,小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
創(chuàng)新互聯(lián)建站主要為客戶提供服務(wù)項(xiàng)目涵蓋了網(wǎng)頁視覺設(shè)計(jì)、VI標(biāo)志設(shè)計(jì)、網(wǎng)絡(luò)營銷推廣、網(wǎng)站程序開發(fā)、HTML5響應(yīng)式成都網(wǎng)站建設(shè)、成都手機(jī)網(wǎng)站制作、微商城、網(wǎng)站托管及網(wǎng)站維護(hù)、WEB系統(tǒng)開發(fā)、域名注冊、國內(nèi)外服務(wù)器租用、視頻、平面設(shè)計(jì)、SEO優(yōu)化排名。設(shè)計(jì)、前端、后端三個(gè)建站步驟的完善服務(wù)體系。一人跟蹤測試的建站服務(wù)標(biāo)準(zhǔn)。已經(jīng)為成都假山制作行業(yè)客戶提供了網(wǎng)站維護(hù)服務(wù)。
提交表單
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="md5.js"></script></head><body><form action="#" method="post" > <p> <span>用戶名:</span> <input type="text" id="username" name="username"> </p> <p> <span>密碼:</span> <input type="password" id="pwd" name="pwd"> </p><!-- 綁定時(shí)間 onclick被點(diǎn)擊--> <button type="submit" onclick="aaa()" >提交</button></form><script> function aaa(){ var usern=document.getElementById("username"); var pwd=document.getElementById("pwd"); console.log(usern) console.log(pwd) pwd.value=md5(pwd.value); console.log(pwd.value); }</script></body></html>
優(yōu)化表單提交 md5加密
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="md5.js"></script></head><body><!-- onsubmit 綁定一個(gè)提交檢測函數(shù) true false 將這個(gè)結(jié)果返回表單 ,使用 onsubmit 接收 onsubmit="return aaa() --><form action="https://home.firefoxchina.cn/" method="post" onsubmit="return aaa()"> <p> <span>用戶名:</span> <input type="text" id="username" name="username"> </p> <p> <span>密碼:</span> <input type="password" id="pwd" name="pwd"> </p> <input type="hidden" id="md5-password" name="password"><!-- 綁定時(shí)間 onclick被點(diǎn)擊--> <button type="submit" >提交</button></form><script> function aaa(){ var usern=document.getElementById("username"); var pwd=document.getElementById("pwd"); var md5=document.getElementById("md5-password") md5.value=md5(pwd.value); // console.log(usern) // console.log(pwd) //pwd.value=md5(pwd.value); // console.log(pwd.value); //可以校驗(yàn)判斷表單內(nèi)容 true 就是通過提交 false 就是組織提交 return true; }</script></body></html>
關(guān)于“JS表單提交信息加密的示例”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學(xué)到更多知識,如果覺得文章不錯(cuò),請把它分享出去讓更多的人看到。
分享名稱:JS表單提交信息加密的示例
分享網(wǎng)址:http://aaarwkj.com/article8/gpiiip.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站設(shè)計(jì)、外貿(mào)建站、移動網(wǎng)站建設(shè)、網(wǎng)站策劃、網(wǎng)站制作、云服務(wù)器
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)