<div id="page-wrap">
	<div id="title">注册新账号 - gbtags.com</div>
	<p>
	<input type="text" name="email" id="email" placeholder="电子邮件"/>
	</p>
	<p>
	<input type="password" name="password" id="password" placeholder="输入密码"/>
	</p>
	<div id="complexity"></div>
	<p>
	<input type="button" name="submit" id="submit" value="注册" />
	</p>
	<p id="msgbox"></p>
</div>

$(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');
	});
});

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