密码验证

使用jQuery验证输入

转载于 2016-11-17 09:42:00 发布 · 126 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/renyunbo/p/6072537.html

文章标签：

#javascript #ViewUI

本文介绍了一个简单的HTML页面，其中使用了jQuery来实现对输入框内容的验证。通过定义正则表达式来检查用户输入是否包含字母、数字及特殊字符，并在按钮点击事件中调用验证函数，以此来展示如何进行基本的前端验证。

<html>

<head>
<title></title>
<meta charset="UTF-8" />
<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/aa.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
function valijs(ele){
var now=$(ele).val();
var re = new RegExp("[a-zA-Z]");
var len=re.test(now);
re = new RegExp("[0-8]");
len=re.test(now);
re = new RegExp("((?=[\x21-\x7e]+)[^A-Za-z0-9])");
len=re.test(now);
if(len){
return true;
}
//alert("密码强度不符合,请重新输入");
return false;
}
$(function(){
$('button').on('click',function(){
var flag = valijs('#txt');
alert(flag);
});
});
</script>
</head>