JavaScript 驗(yàn)證瀏覽器是否支持javascript的方法小結(jié)
更新時(shí)間：2009年05月17日 18:14:58 作者：
一些網(wǎng)站只有客戶端js的驗(yàn)證,這樣就給一些hacher一些可趁之機(jī)了,不信大家測(cè)試一些網(wǎng)站的注冊(cè)功能看看,有部分網(wǎng)站只有客戶端驗(yàn)證,我為了達(dá)到客戶端驗(yàn)證,先是判斷瀏覽器是否支持js,如果不支持,提示信息,然后屏蔽掉發(fā)送按鈕
效果:
先來(lái)看看別的網(wǎng)站是怎么做的:
google.com的登錄: 客戶端 和服務(wù)器端都驗(yàn)證了,并且提示信息一樣的
baidu.com 的登錄: 屏蔽了密碼輸入框
http://fanfou.com/register : 客戶端和后臺(tái)都驗(yàn)證了,但是提示的信息方式不一樣
http://login.xiaonei.com/Login.do : 用戶禁用Js后有提示信息
我的實(shí)現(xiàn)步驟:
思想:
1,默認(rèn)(禁用js)submit按鈕式不顯示的,如果啟用后,就顯示submit按鈕
2,通過(guò)<noscript>.......................</noscript> 顯示提示信息
代碼:
<noscript>
<div style="color:red">您的瀏覽器不支持javascript,部分功能無(wú)法使用</div>
</noscript>
<div id="js_support" style="display:none">
<p id="pSubmit"><input type="submit" name="registerform" value="注 冊(cè)" onclick="return submitform();"/></p>
</div>
<script type="text/javascript">
$("js_support").style.display = "block";
</script>
先來(lái)看看別的網(wǎng)站是怎么做的:
google.com的登錄: 客戶端 和服務(wù)器端都驗(yàn)證了,并且提示信息一樣的
baidu.com 的登錄: 屏蔽了密碼輸入框
http://fanfou.com/register : 客戶端和后臺(tái)都驗(yàn)證了,但是提示的信息方式不一樣
http://login.xiaonei.com/Login.do : 用戶禁用Js后有提示信息
我的實(shí)現(xiàn)步驟:
思想:
1,默認(rèn)(禁用js)submit按鈕式不顯示的,如果啟用后,就顯示submit按鈕
2,通過(guò)<noscript>.......................</noscript> 顯示提示信息
代碼:
復(fù)制代碼 代碼如下:
<noscript>
<div style="color:red">您的瀏覽器不支持javascript,部分功能無(wú)法使用</div>
</noscript>
<div id="js_support" style="display:none">
<p id="pSubmit"><input type="submit" name="registerform" value="注 冊(cè)" onclick="return submitform();"/></p>
</div>
<script type="text/javascript">
$("js_support").style.display = "block";
</script>
相關(guān)文章
本篇文章主要介紹了js正則表達(dá)式驗(yàn)證表單的實(shí)例，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03
微信小程序request請(qǐng)求封裝，驗(yàn)簽代碼實(shí)例
這篇文章主要介紹了微信小程序request請(qǐng)求封裝，驗(yàn)簽代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-12-12
微信小程序?qū)崿F(xiàn)自動(dòng)回復(fù)圖片消息
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)客服消息自動(dòng)回復(fù)圖片消息，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧2023-01-01
在項(xiàng)目中需要分析將一個(gè)有規(guī)則的字符串分割成一個(gè)字符串?dāng)?shù)組。2009-09-09
如何實(shí)現(xiàn)一個(gè)webpack模塊解析器
這篇文章主要介紹了如何實(shí)現(xiàn)一個(gè)webpack模塊解析器，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-10-10
Async Validator 異步驗(yàn)證使用說(shuō)明
async-validator 是一個(gè)異步驗(yàn)證的庫(kù)，需要傳入要驗(yàn)證的數(shù)據(jù)和驗(yàn)證規(guī)則 ,下面通過(guò)本文給大家介紹Async Validator 異步驗(yàn)證使用說(shuō)明，需要的的朋友參考下吧2017-07-07
Knockoutjs 學(xué)習(xí)系列(二)花式捆綁
這篇文章主要介紹了Knockoutjs 學(xué)習(xí)系列(二)花式捆綁 的相關(guān)資料,主要介紹了knockoutjs中各種綁定的使用方法，非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
圖片自動(dòng)更新(說(shuō)明)...2006-10-10
這篇文章主要為大家詳細(xì)介紹了原生js編寫(xiě)的autoComplete插件，感興趣的小伙伴們可以參考一下2016-04-04
微信小程序?qū)崿F(xiàn)活動(dòng)報(bào)名登記功能(實(shí)例代碼)
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)活動(dòng)報(bào)名登記,本篇將介紹使用微信小程序?qū)崿F(xiàn)發(fā)起一個(gè)活動(dòng)報(bào)名的設(shè)計(jì)，以此為基礎(chǔ)，我們可以掌握微信小程序表單的基本用法，進(jìn)而在諸如疫情信息登記、出入報(bào)備等場(chǎng)景中使用小程序進(jìn)行開(kāi)發(fā)，滿足相關(guān)的需求，需要的朋友可以參考下2022-09-09