快捷導(dǎo)航

JavaScript 驗證瀏覽器是否支持javascript的方法小結(jié)

更新時間：2009年05月17日 18:14:58 作者：

一些網(wǎng)站只有客戶端js的驗證,這樣就給一些hacher一些可趁之機了,不信大家測試一些網(wǎng)站的注冊功能看看,有部分網(wǎng)站只有客戶端驗證,我為了達到客戶端驗證,先是判斷瀏覽器是否支持js,如果不支持,提示信息,然后屏蔽掉發(fā)送按鈕

效果:

先來看看別的網(wǎng)站是怎么做的:
google.com的登錄: 客戶端和服務(wù)器端都驗證了,并且提示信息一樣的
baidu.com 的登錄: 屏蔽了密碼輸入框
http://fanfou.com/register : 客戶端和后臺都驗證了,但是提示的信息方式不一樣
http://login.xiaonei.com/Login.do : 用戶禁用Js后有提示信息
我的實現(xiàn)步驟:
思想:
1,默認(rèn)(禁用js)submit按鈕式不顯示的,如果啟用后,就顯示submit按鈕
2,通過<noscript>.......................</noscript> 顯示提示信息
代碼:

復(fù)制代碼代碼如下:

<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> 

相關(guān)文章

JavaScript使用Promise封裝Axios進行高效開發(fā)
這篇文章主要介紹了JavaScript使用Promise封裝Axios進行高效開發(fā)，Axios是一個基于Promise的HTTP庫，它可以幫助我們更方便地發(fā)起HTTP請求，并且提供了許多高級功能，感興趣的同學(xué)可以參考下文
2023-05-05
JS ES新特性擴展運算符介紹
這篇文章主要介紹了JS ES新特性擴展運算符，下面文章圍繞ES新特性擴展運算符的相關(guān)資料展開詳細內(nèi)容,需要的朋友可以參考一下，希望對大家有所幫助
2021-12-12
layer.js之回調(diào)銷毀對話框的例子
今天小編就為大家分享一篇layer.js之回調(diào)銷毀對話框的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
javascript校驗價格合法性實例（必須輸入2位小數(shù)）
這篇文章主要介紹了javascript校驗價格合法性實例,其中價格必須是數(shù)字且必須輸入2位小數(shù),需要的朋友可以參考下
2014-05-05
JavaScript中常見的數(shù)據(jù)格式化方式詳解
這篇文章主要為大家詳細介紹了JavaScript中常見的數(shù)據(jù)格式化方式,文中的示例代碼講解詳細,具有一定的借鑒價值,感興趣的小伙伴可以了解一下
2023-12-12
JS實現(xiàn)黑色風(fēng)格的網(wǎng)頁TAB選項卡效果代碼
這篇文章主要介紹了JS實現(xiàn)黑色風(fēng)格的網(wǎng)頁TAB選項卡效果代碼,通過簡單的頁面元素遍歷控制頁面tab切換效果,具有一定參考借鑒價值,需要的朋友可以參考下
2015-10-10
本文通過實例給大家詳解介紹了Bootstrap筆記之縮略圖、警告框知識，非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-03-03