当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript 验证浏览器是否支持javascript的方法小结

Javascript
javascript事件问题
jquery tools 系列 scrollable学习
Javascript中的var_dump函数实现代码
javascript 获取select下拉列表值的代码
JS 网页彩蛋 实现代码
javascript 定义初始化数组函数
Javascript 阻止浏览器默认操作的实现代码
Javascript 检测、添加、移除样式(className)函数代码
Javascript String.replace的妙用
用 Javascript 验证表单(form)中多选框(checkbox)值
用 Javascript 验证表单(form)中的单选(radio)值
Javascript 获取滚动条位置等信息的函数
用Javascript 和 CSS 实现脚注(Footnote)效果
禁止JQuery中的load方法装载IE缓存中文件的方法
jquery 简单导航实现代码
JS 日期验证正则附asp日期格式化函数
javascript 一些用法小结
关于javascript 回调函数中变量作用域的讨论
一个简单的JavaScript 日期计算算法
javascript 基础简介 适合新手学习

Javascript 中的 JavaScript 验证浏览器是否支持javascript的方法小结


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 263 ::
收藏到网摘: n/a

一些网站只有客户端js的验证,这样就给一些hacher一些可趁之机了,不信大家测试一些网站的注册功能看看,有部分网站只有客户端验证,我为了达到客户端验证,先是判断浏览器是否支持js,如果不支持,提示信息,然后屏蔽掉发送按钮 效果:
image
先来看看别的网站是怎么做的:
google.com的登录: 客户端 和服务器端都验证了,并且提示信息一样的
baidu.com 的登录: 屏蔽了密码输入框
http://fanfou.com/register : 客户端和后台都验证了,但是提示的信息方式不一样
http://login.xiaonei.com/Login.do : 用户禁用Js后有提示信息
我的实现步骤:
思想:
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>