MyException - 我的异常网
当前位置:我的异常网» JavaScript » JQ表单印证

JQ表单印证

www.MyException.Cn  网友分享于:2013-02-28  浏览:24次
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>

  </table>
  <br />
<input type="submit" name="button" id="button" value="提交" />

文章评论

软件开发程序错误异常ExceptionCopyright © 2009-2015 MyException 版权所有