基于Jquery的标签智能验证实现代码

2020-05-17 06:18:27易采站长站整理

}
else {
$ctrl.attr(“title”, right);
}
}
}
//提交自检
$(“#vldBtn”).click(function () {
$(“#form1 [vld]”).each(function () {
RegexGether($(this));
});
//检查标签中样式是否有error
if ($(“#form1 [vld][class=’error’]”).length > 0) {
return false;
}
else {
return true;
}
});
});

AutoValidate.htm

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title></title>
<link href=”Css/style01.css” rel=”stylesheet” type=”text/css” />
<link href=”Css/AutoValidate.css” rel=”stylesheet” type=”text/css” />
<script src=”Scripts/jquery-1.4.1.js” type=”text/javascript”></script>
<script src=”Scripts/Jquery.timer.js” type=”text/javascript”></script>
<script src=”Js/style.js” type=”text/javascript”></script>
<script src=”Js/AutoValidate.js” type=”text/javascript”></script>
</head>
<body>
<form id=”form1″>
<ul class=”tab_ul”>
<li>
<p>姓名:</p>
<p><input id=”name” type=”text” vld=”nonull” err=”okokok!!!” super=”y” rig=”格式蜚蜚蜚暃蜚暃暃蜚暃暃蜚暃昦” /></p>
</li>
<li>
<p>年龄:</p>
<p><input id=”age” type=”text” vld=”age” /></p>
</li>
<li>
<p>日期:</p>
<p><input id=”date” type=”text” vld=”ndate” /></p>
</li>
<li>
<p>金钱:</p>
<p><input id=”price” type=”text” vld=”nprice” /></p>
</li>
<li>
<p>邮箱:</p>
<p><input id=”email” type=”text” vld=”email” /></p>
</li>
<li>
<p>邮编:</p>
<p><input id=”post” type=”text” vld=”post” /></p>
</li>
<li>
<p>电话:</p>
<p><input id=”phone” type=”text” vld=”phone” len=”10″ /></p>
</li>
<li>
<p>身份证:</p>
<p><input id=”card” type=”text” vld=”card” /></p>
</li>
<li>
<p>时间:</p>