文档章节

JQuery - formvalidate使用案例

Osheep
 Osheep
发布于 2015/05/16 12:38
字数 470
阅读 12
收藏 0
导入图片,样式,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 : "正在对验证码验证,请稍候..."
        });
        
});

© 著作权归作者所有

Osheep
粉丝 9
博文 35
码字总数 38596
作品 1
深圳
项目经理
私信 提问
8 个最新的 jQuery Mobile 在线教程推荐

jQuery Mobile目前已经发布了RC2版本, 随着类库的完善,jQueryMobile必将成为移动端开发的利器之一,今天我们收集了2011年最新的8个jQuery移动开发教程,从最简单的入门介绍,到高级的开发应...

MrMign
2011/11/01
4.1K
3
21个最佳jQuery插件推荐

原文:http://www.javaeye.com/news/18996 在Javascript应用领域上,使用jQuery可以制作出非常优秀的动画效果,滑块、滑球,以及各种不同的应用。精选出21个最佳的精典案例,如果你是一个前端...

迷路的阿修罗
2010/12/15
2.3K
0
从零开始学 Web 之 jQuery(一)jQuery的概念,页面加载事件

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:http://www.cnblogs.com/lvonve/ CSDN...

fengdaoting
2018/07/04
0
0
GBin1推荐:分享2011年8个最新的jQuery Mobile在线教程

日期: 2011/10/18 作者:GBin1.com jQuery Mobile目前已经发布了RC1, 随着类库的完善,jQueryMobile必将成为移动端开发的利器之一,今天我们收集了2011年最新的8个jQuery移动开发教程,包含...

gbin1
2011/10/18
62
0
JavaWeb04-HTML篇笔记(三)

1.1 案例二:表格隔行换色的案例:1.1.1 需求: 对数据的表格进行隔行换色的显示效果,使用JQuery完成该效果. 1.1.2 分析:1.1.2.1 技术分析: 【JQuery的选择器】 基本过滤选择器: 如果样式...

我是小谷粒
2018/05/08
0
0

没有更多内容

加载失败,请刷新页面

加载更多

java通过ServerSocket与Socket实现通信

首先说一下ServerSocket与Socket. 1.ServerSocket ServerSocket是用来监听客户端Socket连接的类,如果没有连接会一直处于等待状态. ServetSocket有三个构造方法: (1) ServerSocket(int port);...

Blueeeeeee
今天
6
0
用 Sphinx 搭建博客时,如何自定义插件?

之前有不少同学看过我的个人博客(http://python-online.cn),也根据我写的教程完成了自己个人站点的搭建。 点此:使用 Python 30分钟 教你快速搭建一个博客 为防有的同学不清楚 Sphinx ,这...

王炳明
昨天
5
0
黑客之道-40本书籍助你快速入门黑客技术免费下载

场景 黑客是一个中文词语,皆源自英文hacker,随着灰鸽子的出现,灰鸽子成为了很多假借黑客名义控制他人电脑的黑客技术,于是出现了“骇客”与"黑客"分家。2012年电影频道节目中心出品的电影...

badaoliumang
昨天
14
0
很遗憾,没有一篇文章能讲清楚线程的生命周期!

(手机横屏看源码更方便) 注:java源码分析部分如无特殊说明均基于 java8 版本。 简介 大家都知道线程是有生命周期,但是彤哥可以认真负责地告诉你网上几乎没有一篇文章讲得是完全正确的。 ...

彤哥读源码
昨天
15
0
jquery--DOM操作基础

本文转载于:专业的前端网站➭jquery--DOM操作基础 元素的访问 元素属性操作 获取:attr(name);$("#my").attr("src"); 设置:attr(name,value);$("#myImg").attr("src","images/1.jpg"); ......

前端老手
昨天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部