*/
function addClass(targetId,className){
if(className!=undefined && className!=””){
$(“#”+targetId).removeClass();
$(“#”+targetId).addClass(className);
}
}
内容还是一样,没有做任何更改,这里再次贴出这段代码,是为了方便查看方法体,没有其他的作用!
(四). 使用例子
字符串之间的比较效果图
获得焦点时候提示
失去焦点验证错误提示
失去焦点验证成功
以上是对字符的比较验证,其验证测试代码如下
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<title>Untitled Document</title>
<link type=”text/css” rel=”stylesheet” href=”new_file.css”/>
<script language=”JavaScript” type=”text/javascript” src=”jquery-1.3.2.min.js”></script>
<script language=”JavaScript” type=”text/javascript” src=”jquery-extend-1.0.0.js”></script>
<script language=”JavaScript” type=”text/javascript”>
$(document).ready(function(){
$(“#txtPass2”).checkCompare({
onFocusText:”要和上面的填写一样哦”,
onFocusClass:”notice”,
onEmptyText:”不允许为空,你要听话点”,
onEmptyClass:”error”,
onErrorText:”验证错误了,请你认真填写”,
onErrorClass:”error”,
onSuccessText:”恭喜啊 成功了”,
onSuccessClass:”correct”,
comType:”==”,
dataType:”text”,
comId:”txtPass1″,
targetId:”txtPass2Tip”
});
});
</script>
</head>
<body>
<p>
<label>密码1:</label><input type=”text” id=”txtPass1″ value=””/><span id=”txtPass1Tip”></span>
</p>
<p>
<label>密码2:</label><input type=”text” id=”txtPass2″ value=””/><span id=”txtPass2Tip”></span>
</p>
</body>
</html>
数字之间的验证
数字验证获得焦点提示作用










