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

 更新时间:2009年05月17日 18:14:58   作者:  
一些网站只有客户端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>

相关文章

  • js正则表达式验证表单【完整版】

    js正则表达式验证表单【完整版】

    本篇文章主要介绍了js正则表达式验证表单的实例,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • 微信小程序request请求封装,验签代码实例

    微信小程序request请求封装,验签代码实例

    这篇文章主要介绍了微信小程序request请求封装,验签代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-12-12
  • 微信小程序实现自动回复图片消息

    微信小程序实现自动回复图片消息

    这篇文章主要介绍了微信小程序实现客服消息自动回复图片消息,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧
    2023-01-01
  • javascript String split方法误操作

    javascript String split方法误操作

    在项目中需要分析将一个有规则的字符串分割成一个字符串数组。
    2009-09-09
  • 如何实现一个webpack模块解析器

    如何实现一个webpack模块解析器

    这篇文章主要介绍了如何实现一个webpack模块解析器,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-10-10
  • Async Validator 异步验证使用说明

    Async Validator 异步验证使用说明

    async-validator 是一个异步验证的库,需要传入要验证的数据和验证规则 ,下面通过本文给大家介绍Async Validator 异步验证使用说明,需要的的朋友参考下吧
    2017-07-07
  • Knockoutjs 学习系列(二)花式捆绑

    Knockoutjs 学习系列(二)花式捆绑

    这篇文章主要介绍了Knockoutjs 学习系列(二)花式捆绑 的相关资料,主要介绍了knockoutjs中各种绑定的使用方法,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • 图片自动更新(说明)

    图片自动更新(说明)

    图片自动更新(说明)...
    2006-10-10
  • 原生js编写autoComplete插件

    原生js编写autoComplete插件

    这篇文章主要为大家详细介绍了原生js编写的autoComplete插件,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • 微信小程序实现活动报名登记功能(实例代码)

    微信小程序实现活动报名登记功能(实例代码)

    这篇文章主要介绍了微信小程序实现活动报名登记,本篇将介绍使用微信小程序实现发起一个活动报名的设计,以此为基础,我们可以掌握微信小程序表单的基本用法,进而在诸如疫情信息登记、出入报备等场景中使用小程序进行开发,满足相关的需求,需要的朋友可以参考下
    2022-09-09

最新评论