JQuery - formvalidate使用案例

来源：互联网发布：linux tomcat错误日志编辑：程序博客网时间：2024/05/07 09:32
导入图片，样式，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 : "正在对验证码验证，请稍候..."        });        });
1 0