技术教程第193页 - 第193页 - 博阳资源网

使用jQuery开发一个带有密码强度检验的超酷注册页面

boyanx3个月前 (03-19)11

以下为生成仪表盘及其密码强度代码：

$(function(){$('#submit').attr('disabled', true);var g1 = new JustGage({ id: "complexity", value: 0, min: 0, max: 100, title: "密码强度提示", titleFontColor: '#9d7540', valueFontColor : '#CCCCCC', label: "points",levelColors: [ "#dfa65a", "#926d3b", "#584224"] });$('input[placeholder]').placeholder();$("#password").complexify({}, function(valid, complexity){if(valid){$('#submit').fadeIn();}else{$('#submit').fadeOut();}g1.refresh(Math.round(complexity));});$('#submit').click(function(){$('#msgbox').html('welcome to gbtags.com');});});

以上代码中，我们使用JustGage生成需要的仪表盘。相关选项请参考代码。

以下代码中，我们使用complexify的回调方法来判断用户输入的密码强度是否符合要求：

$("#password").complexify({}, function(valid, complexity){if(valid){$('#submit').fadeIn();}else{$('#submit').fadeOut();}g1.refresh(Math.round(complexity));});

如果符合则显示注册按钮，否则隐藏。同时刷新仪表盘的数值和颜色。

CSS代码：

body{background: url('../images/body.png" alt="使用jQuery开发一个带有密码强度检验的超酷注册页面">

在线演示1本地下载在今天的jQuery教程中，我们将介绍如何使用jQuery和其它相关的插件来生成一个漂亮的带有密码强度检验的注册页面，希望大家喜欢！...

展示完美图片的jQuery插件——Lightbox

boyanx3个月前 (03-19)12

在做web前端项目时候，产品图片展示有不同的方式展出，客户比较常见的需求：需要点击小图，弹出大图，并且大图还可以直接点击按钮进行前后切换。这样的效果，有非常多的jQuery可以实现，今天推荐一款jQ...

关于JQuery引用及基本用法

boyanx3个月前 (03-19)17

在JQuery文件中下载，并将其引入html文件。在使用jQuery之前，我们需要到jQuery的官方网站：“https://jquery.com/download/”...

用户界面框架jQuery EasyUI示例大全之Tree

boyanx3个月前 (03-19)14

jQuery EasyUI最新试用版免费下载>jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。jQuery EasyUI提供了基于当下流行的jQuery...

jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app

boyanx3个月前 (03-19)12

1 jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app，使用的是基于Flat-UI的jQuery Mobile，请参考：https://github.com/...

web前端Jquery学习笔记一

boyanx3个月前 (03-19)15

学习大纲一、了解Jquery...

jQuery JavaScript的综合性UI组件库jQWidgets v4.1.0发布

boyanx3个月前 (03-19)15

立即下载最新版：jQWidgets v4.1.0jQWidgets是一个基于jQuery、JavaScript的综合性和创新性的HTML5 UI组件库，旨在帮助开发者创建专业、跨平台的Web应用程序，...

一篇文章带你用jquery mobile设计颜色拾取器

boyanx3个月前 (03-19)12

【一、项目背景】现实生活中，我们经常会遇到配色的问题，这个时候去百度一下RGB表。而RGB表只提供相对于的颜色的RGB值而没有可以验证的模块。我们可以通过 jquery mobile去设计颜色的拾取器...

一文说明白，jQuery是干什么的

boyanx3个月前 (03-19)12

● jQuery于2006年1月由John Resig在BarCamp NYC首次发布。它目前由Timmy Wilson领导, 并由一组开发人员维护。...

用户界面框架jQuery EasyUI示例大全之Application

boyanx3个月前 (03-19)13

jQuery EasyUI最新试用版免费下载>jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。jQuery EasyUI提供了基于当下流行的jQuery...

首页️ 上一页 186 187 188 189 190 191 192 193 194 195 下一页尾页