JQ表单印证-JavaSript-爱易网页

JQ表单印证

日期：2014-05-16　浏览次数：20419 次

JQ表单验证
//我是新手，刚学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:wzmaodong@126.com</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>

			

	  &

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

JQ表单印证

相关资料更多>

推荐阅读更多>