JQuery - formvalidate使用案例

导入图片,样式,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
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值