导入图片,样式,JavaScript文件到项目中(以下为PHP开发使用): <script type="text/javascript" src="../js/jquery-1.8.3.js"></script> <link rel="stylesheet" type="text/css" href="<?php echo ROOTURL?>/styles/table_form.css"/> <script type="text/javascript" src="<?php echo ROOTURL?>/js/formvalidator.js"></script> //验证文件 <script type="text/javascript" src="<?php echo ROOTURL?>/js/validate/<?php echo SCRIPT?>.js"></script> 一些案列: $(function() { $.formValidator.initConfig( { autotip : true, formid : "register_form" }); /**--验证用户名--**/ $("#username").formValidator( { onshow : "请输入用户名", onfocus : "用户名长度不能小于三位", oncorrect : "该用户名可以注册", defaultvalue : "" }).inputValidator( { min : 3, max : 16, onerrormin:"用户名必须大于等于三位", onerrormax:"用户名必须小于等于十六位" }).ajaxValidator({//验证用户名是否存在 type: "GET", url: "../includes/reg/ready.func.php", success: function(msg){ if(msg=='false'){ return true; }else{ return false; } }, error: function(){alert("服务器没有返回数据,可能服务器忙,请重试");}, onerror : "用户名已存在!", onwait : "正在对用户名进行检测,请稍候..." }); /**--验证密码--**/ $("#password").formValidator( { onshow : "请输入用密码", onfocus : "密码长度不能小于6位", oncorrect : "正确", defaultvalue : "" }).inputValidator( { min : 6, max : 16, onerrormin:"密码必须大于等于6位", onerrormax:"密码必须小于等于16位" }); /**--验证确认密码--**/ $("#repassword").formValidator( { onshow : "请输入确认密码", onfocus : "两次密码必须一致哦", oncorrect : "密码一致" }).inputValidator( { min : 6, max : 16, onerror : "确认密码不能小于6位,请确认" }).compareValidator({desid:"password",operateor:"=",onerror:"两次密码输入不一致"}); /**--验证邮箱地址--**/ $("#email").formValidator( { onshow : "请输入邮箱地址", onfocus : "请输入正确邮箱地址", oncorrect : "正确", defaultvalue : "" }).regexValidator( { regexp : "^[\\w]{2,15}[@][a-zA-Z0-9]{2,15}([.][a-zA-Z]{2,4}){1,2}$", iberrirL : "非法邮箱地址" }); /**--验证验证码--**/ $("#yzm").formValidator( { onshow : " ", onfocus : "请输入正确验证码", oncorrect : "正确", defaultvalue : "" }).ajaxValidator({ type: "POST", url: "../includes/reg/yzm.func.php", success: function(msg){ if(msg==$("#yzm").val().trim()){ return true; }else{ return false; } }, error: function(){alert("服务器没有返回数据,可能服务器忙,请重试");}, onerror : "验证码错误", onwait : "正在对验证码验证,请稍候..." }); });