技术教程第205页 - 第205页

jQuery插件注册表停止处理新发布，未来仍不明朗

boyanx3个月前 (03-19)11

jQuery插件注册表现在已经转换到只读模式并且不再发布任何新的插件。取而代之的是，jQuery鼓励开发者将他们的插件发布到npm上。尽管如此，注册表的未来仍不明朗。jQuery插件注册表的访问者会收...

查看全文

jQuery EasyUI使用教程:在面板中创建复杂布局

boyanx3个月前 (03-19)17

jQuery EasyUI最新版下载>本教程主要为大家介绍如何在面板中创建复杂的布局。面板允许你创建用于多种用途的自定义布局，在本示例中，我们通过使用面板和布局插件来创建一个MSN的消息框。我们...

查看全文

DrawSVG – SVG 路径动画 jQuery 插件

boyanx3个月前 (03-19)12

jQuery DrawSVG 使用了 jQuery 内置的动画引擎实现 SVG 路径动画，用到了 stroke-dasharray 和 stroke-dashoffset 属性。DrawSVG 是完全...

查看全文

$(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和其它相关的插件来生成一个漂亮的带有密码强度检验的注册页面，希望大家喜欢！...

查看全文