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

Javascript
网页对联广告代码效果大全
限制图片上传长宽的javascript代码
用javascript绘图—JS2D函数集
使主页呈现“飞舞”特效
用javascript实现浏览器地震效果
图片下拉选择器的制作
用JS将网页窗口由小变大
图片控制的渐变色文字
连续滚动的制作
制作仿“QQ秀”的虚拟形象
PHP与javascript对多项选择的处理
用JavaScrpt实现文件夹轻松加密
初学javascript之cookie篇(译)
javascript学习:基础继承机制
一个很通用的javascript的下拉菜单
javascript中的数组应用的一点发现
javascript表单之间的数据传递
一个简单的javascript菜单
预装载以及javascript Image()对象
网页软键盘,有效的防止监测键盘的木马软件

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 349 ::
收藏到网摘: 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>