最简单Jquery验证
<!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>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script><!--连接Jquery-->
<script type="text/javascript">
$(function () { //JQUERY文档就绪函数
$("#txtname").blur(function () { //姓名文本框失去焦点事件
if ($("#txtname").val() == "") { //判断姓名文本框是否为空
$("#txtmsg").text("姓名不能为空");//为空提示消息
}
else $("#txtmsg").text(""); //不为空不提示消息
});
$("#cfmtxtpwd").blur(function () { //确认密码文本框失去焦点事件
if ($("#cfmtxtpwd").val() != $("#txtpwd").val()) { //判断两次密码是否一致
$("#txterrorpwd").text("两次密码不一致");
}
else $("#txterrorpwd").text("");
});
// 单击注册按钮判断是否有输入不规范
$("#subtn").click(function () {
if ($("#txtmsg").text() == "" && $("#txterrorpwd").text() == "") {
alert("注册成功");
}
else alert("输入不规范，请重新输入");
});
});
</script>
</head>
<body>
姓 名：<input id="txtname" type="text" /><span id="txtmsg" style='color:red;font-size:12px'></span><br />
密 码：<input id="txtpwd" type="password" /><br />
确认密码：<input id="cfmtxtpwd" type="password" /><span id="txterrorpwd" style='color:red;font-size:12px'></span><br />
<input id="subtn" type="submit" value="注册" />
</body>
</html>
