//我是新手，刚学JQ，求大仙帮我解释下下面任意一个表单的效果实现！我主要是不懂那些函数的意思比如：$("#us").formValidator({onShow:"请输入用户名",onFocus:"用户名至少6个字符,最多10个字符",onCorrect:"√"}).inputValidator({min:6,max:10,onError:"输入错误,超出最大字符数"}).regexValidator({regExp:"username",dataType:"enum",onError:"用户名格式不正确,例：a422662"})谁能帮我详细的用文字解释下！在下感激不尽！
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jQuery formValidator表单验证插件 -- by:猫冬，email:[email protected]</title>
<meta name="description" content="jQuery formValidator表单验证插件" />
<script src="jquery-1.4.4.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="style/validatorAuto.css" />
<script src="formValidator-4.0.1.js" type="text/javascript" charset="UTF-8"></script>
<script src="formValidatorRegex.js" type="text/javascript" charset="UTF-8"></script>
<script language="javascript" src="DateTimeMask.js" type="text/javascript"></script><script type="text/javascript">
$(document).ready(function(){
$.formValidator.initConfig({formID:"form1",autoTip:true,onError:function(msg){alert(msg)},inIframe:true});
$("#us").formValidator({onShow:"请输入用户名",onFocus:"用户名至少6个字符,最多10个字符",onCorrect:"√"}).inputValidator({min:6,max:10,onError:"输入错误,超出最大字符数"}).regexValidator({regExp:"username",dataType:"enum",onError:"用户名格式不正确,例：a422662"}) $("#password1").formValidator({onShow:"请输入密码",onFocus:"密码不能为空，长度为6-16位",onCorrect:"√"}).inputValidator({min:6,max:16,onError:"密码字符数不再范围内,请确认"});
$("#password2").formValidator({onShow:"输再次输入密码",onFocus:"重复密码必须要一致",onCorrect:"√"}).inputValidator({min:1,empty:{leftEmpty:false,rightEmpty:false,emptyError:"重复密码两边不能有空符号"},onError:"重复密码不能为空,请确认"}).compareValidator({desID:"password1",operateor:"=",onError:"2次密码不一致,请确认"});
$("#email").formValidator({onShow:"请输入邮箱",onFocus:"邮箱至少6个字符,最多100个字符",onCorrect:"√",defaultValue:"@"}).inputValidator({min:6,max:100,onError:"你输入的邮箱长度非法,请确认"}).regexValidator({regExp:"^([\\w-.]+)@(([[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.)|(([\\w-]+.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(]?)$",onError:"你输入的邮箱格式不正确"});
$.formValidator.reloadAutoTip();
});</script>
<style type="text/css" media="all">
body,div{font-size:12px;}
</style>
</head><body>
<form action="" method="post" name="form1" id="form1">
<table border="0px" style="font-size:12px" width="630px">
<tr>
<td align="right">用户名:</td>
<td><input type="text" id="us" name="us" style="width:120px" value="maodong" /></td>
</tr>
<tr>
<td align="right">密码:</td>
<td><input type="password" id="password1" name="password1" style="width:120px" /></td>
</tr>
<tr>
<td align="right">重复密码:</td>
<td><input type="password" id="password2" name="password2" style="width:120px" /></td>
</tr>
<tr>
<td align="right">电子邮箱:</td>
<td><input type="text" id="email" name="email" style="width:120px" /></td>
</tr>
</table>
<br />
<input type="submit" name="button" id="button" value="提交" />
</form>
<div id="output"></div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jQuery formValidator表单验证插件 -- by:猫冬，email:[email protected]</title>
<meta name="description" content="jQuery formValidator表单验证插件" />
<script src="jquery-1.4.4.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="style/validatorAuto.css" />
<script src="formValidator-4.0.1.js" type="text/javascript" charset="UTF-8"></script>
<script src="formValidatorRegex.js" type="text/javascript" charset="UTF-8"></script>
<script language="javascript" src="DateTimeMask.js" type="text/javascript"></script><script type="text/javascript">
$(document).ready(function(){
$.formValidator.initConfig({formID:"form1",autoTip:true,onError:function(msg){alert(msg)},inIframe:true});
$("#us").formValidator({onShow:"请输入用户名",onFocus:"用户名至少6个字符,最多10个字符",onCorrect:"√"}).inputValidator({min:6,max:10,onError:"输入错误,超出最大字符数"}).regexValidator({regExp:"username",dataType:"enum",onError:"用户名格式不正确,例：a422662"}) $("#password1").formValidator({onShow:"请输入密码",onFocus:"密码不能为空，长度为6-16位",onCorrect:"√"}).inputValidator({min:6,max:16,onError:"密码字符数不再范围内,请确认"});
$("#password2").formValidator({onShow:"输再次输入密码",onFocus:"重复密码必须要一致",onCorrect:"√"}).inputValidator({min:1,empty:{leftEmpty:false,rightEmpty:false,emptyError:"重复密码两边不能有空符号"},onError:"重复密码不能为空,请确认"}).compareValidator({desID:"password1",operateor:"=",onError:"2次密码不一致,请确认"});
$("#email").formValidator({onShow:"请输入邮箱",onFocus:"邮箱至少6个字符,最多100个字符",onCorrect:"√",defaultValue:"@"}).inputValidator({min:6,max:100,onError:"你输入的邮箱长度非法,请确认"}).regexValidator({regExp:"^([\\w-.]+)@(([[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.)|(([\\w-]+.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(]?)$",onError:"你输入的邮箱格式不正确"});
$.formValidator.reloadAutoTip();
});</script>
<style type="text/css" media="all">
body,div{font-size:12px;}
</style>
</head><body>
<form action="" method="post" name="form1" id="form1">
<table border="0px" style="font-size:12px" width="630px">
<tr>
<td align="right">用户名:</td>
<td><input type="text" id="us" name="us" style="width:120px" value="maodong" /></td>
</tr>
<tr>
<td align="right">密码:</td>
<td><input type="password" id="password1" name="password1" style="width:120px" /></td>
</tr>
<tr>
<td align="right">重复密码:</td>
<td><input type="password" id="password2" name="password2" style="width:120px" /></td>
</tr>
<tr>
<td align="right">电子邮箱:</td>
<td><input type="text" id="email" name="email" style="width:120px" /></td>
</tr>
</table>
<br />
<input type="submit" name="button" id="button" value="提交" />
</form>
<div id="output"></div>
</body>
</html>
$("#us").formValidator({onShow:"请输入用户名",onFocus:"用户名至少6个字符,最多10个字符",onCorrect:"√"}).inputValidator({min:6,max:10,onError:"输入错误,超出最大字符数"}).regexValidator({regExp:"username",dataType:"enum",onError:"用户名格式不正确,例：a422662"})
谢谢你了！大神！
看看 这个插件的说明 就可以了啊 。文档都有啊 呵呵