js正则表达式表单验证

最新推荐文章于 2022-11-20 22:39:57 发布

daxiang12092205

最新推荐文章于 2022-11-20 22:39:57 发布

阅读量863

点赞数

分类专栏：前端文章标签：正则表达式表单验证

前端专栏收录该内容

44 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html> 
<head> 
<title></title> 
<style type='text/css'>
</style>
</head> 
<body>
	<input type="text" id="pass"></input>
	<span id="pass2"></span>
</body> 
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.0.min.js'></script>
<script type='text/javascript'> 
$('#pass').keyup(function(e){
	var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\W).*$", "g");
	var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g");
	var enoughRegex = new RegExp("(?=.{6,}).*", "g");
	if(false == enoughRegex.test($(this).val())){
		$('#pass2').html('more characters');
	} else if(false == strongRegex.test($(this).val())){
		$('#pass2').html('strong');
	} else if(false == mediumRegex.test($(this).val())){
		$('#pass2').html('medium');
	} else{
		$('#pass2').html('weak');
	}
	return true;
});
</script> 
</html>

注：上述代码仅介绍正则表达式用法，对于密码强度校验，该正则表达式写得不好（abcdef显示为强密码）。