JavaScript 驗證瀏覽器是否支持javascript的方法小結
更新時間:2009年05月17日 18:14:58 作者:
一些網(wǎng)站只有客戶端js的驗證,這樣就給一些hacher一些可趁之機了,不信大家測試一些網(wǎng)站的注冊功能看看,有部分網(wǎng)站只有客戶端驗證,我為了達到客戶端驗證,先是判斷瀏覽器是否支持js,如果不支持,提示信息,然后屏蔽掉發(fā)送按鈕
效果:
先來看看別的網(wǎng)站是怎么做的:
google.com的登錄: 客戶端 和服務器端都驗證了,并且提示信息一樣的
baidu.com 的登錄: 屏蔽了密碼輸入框
http://fanfou.com/register : 客戶端和后臺都驗證了,但是提示的信息方式不一樣
http://login.xiaonei.com/Login.do : 用戶禁用Js后有提示信息
我的實現(xiàn)步驟:
思想:
1,默認(禁用js)submit按鈕式不顯示的,如果啟用后,就顯示submit按鈕
2,通過<noscript>.......................</noscript> 顯示提示信息
代碼:
<noscript>
<div style="color:red">您的瀏覽器不支持javascript,部分功能無法使用</div>
</noscript>
<div id="js_support" style="display:none">
<p id="pSubmit"><input type="submit" name="registerform" value="注 冊" onclick="return submitform();"/></p>
</div>
<script type="text/javascript">
$("js_support").style.display = "block";
</script>

先來看看別的網(wǎng)站是怎么做的:
google.com的登錄: 客戶端 和服務器端都驗證了,并且提示信息一樣的
baidu.com 的登錄: 屏蔽了密碼輸入框
http://fanfou.com/register : 客戶端和后臺都驗證了,但是提示的信息方式不一樣
http://login.xiaonei.com/Login.do : 用戶禁用Js后有提示信息
我的實現(xiàn)步驟:
思想:
1,默認(禁用js)submit按鈕式不顯示的,如果啟用后,就顯示submit按鈕
2,通過<noscript>.......................</noscript> 顯示提示信息
代碼:
復制代碼 代碼如下:
<noscript>
<div style="color:red">您的瀏覽器不支持javascript,部分功能無法使用</div>
</noscript>
<div id="js_support" style="display:none">
<p id="pSubmit"><input type="submit" name="registerform" value="注 冊" onclick="return submitform();"/></p>
</div>
<script type="text/javascript">
$("js_support").style.display = "block";
</script>
相關文章
微信小程序?qū)崿F(xiàn)活動報名登記功能(實例代碼)
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)活動報名登記,本篇將介紹使用微信小程序?qū)崿F(xiàn)發(fā)起一個活動報名的設計,以此為基礎,我們可以掌握微信小程序表單的基本用法,進而在諸如疫情信息登記、出入報備等場景中使用小程序進行開發(fā),滿足相關的需求,需要的朋友可以參考下2022-09-09