现在的位置: 首页 > 综合 > 正文

JQuery – formvalidate使用案例

2018年02月23日 ⁄ 综合 ⁄ 共 1887字 ⁄ 字号 评论关闭
导入图片,样式,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 : "正在对验证码验证,请稍候..."
        });
        
});

抱歉!评论已关闭.