当前位置: 首页 > 软件库 > jQuery 插件 > jQuery对话框 >

baigoValidator

jQuery表单验证插件
授权协议 GPL
开发语言 JavaScript HTML/CSS
所属分类 jQuery 插件、 jQuery对话框
软件类型 开源软件
地区 国产
投 递 者 华星文
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

baigoValidator 是基于 jQuery 的表单验证插件。在线演示


文件结构:


  1. baigoValidator.js 验证插件

  2. baigoValidator.css CSS 样式

  3. status_x.png 验证失败时的图标

  4. status_y.png 验证成功时的图标

  5. loading.gif 正在验证图标

  6. readme.txt 使用说明


使用方法:


  1. 载入 jQuery 库文件,jQuery 库文件请到 http://www.jquery.com 下载,例:

    <script src="jquery.js" type="text/javascript"></script>

    载入 baigoValidator 样式表,例:

    <link href="baigoValidator.css" type="text/css" rel="stylesheet" />

    载入 baigoValidator 核心文件,例:

    <script src="baigoValidator.js" type="text/javascript"></script>


  2. 初始化 baigoValidator,fileds_set 为配置参数,类型为 JSON,名称可以自定义,例:

    <script type="text/javascript">$(document).ready(function(){
    	obj_form = $("#form_id").baigoValidator(fileds_set);
    });</script>


  3. 配置参数,具体请参考 配置参数说明,例:

    <script type="text/javascript">var fileds_set = {
    	name: {
    		length: { min: 1, max: 100 },
    		validate: { type: "str", format: "text" },
    		msg: { id: "msg_prj_status", too_short: "太短", too_long: "太长" }
    	},
    	no: {
    		length: { min: 4, max: 4 },
    		validate: { type: "str", format: "int" },
    		msg: { id: "msg_prj_status", too_short: "太短", too_long: "太长" }
    	},
    	email: {
    		length: {min: 1, max: 0 },
    		validate: { type: "str", format: "email" },
    		msg: { id: "msg_prj_status", too_short: "太短" }
    	},
    	digit: {
    		length: { min: 1, max: 0 },
    		validate: { type: "digit", format: "int" },
    		msg: { id: "msg_prj_status", too_short: "太短" }
    	},
    	checkbox: {
    		length: { min: 1, max: 0 },
    		validate: { type: "checkbox" },
    		msg: { id: "msg_prj_status", too_few: "太少" }
    	},
    	user_name: {
    		length: { min: 1, max: 0 },
    		validate: { type: "ajax" },
    		msg: { id: "msg_prj_status", too_few: "太少" }
    		ajax: { url: "http://www.nbfone.com/ajax/", key: "user_name", "type" : "str" }
    	}
    }</script>


  4. 定义需要验证的字段 id 或 group,此处需与 配置参数 中的定义一致,例:

    <input type="text" id="name" /><input type="checkbox" id="name" group="test" />


  5. 定义需要验证的表单项的 class,class 的值必须为 validate,例:

    <input type="text" id="name" class="validate" /><input type="text" id="name" group="test" class="validate" />


  6. 触发验证,例:

    <script type="text/javascript">var obj_form = $("#cate_form").baigoValidator(fileds_set);$("#cate_form").submit(function(){
    	obj_form.validateSubmit();
    });</script>



 相关资料
  • 目前支持对以下格式的值进行验证:   cnum*-*(纯数字),   char*-*(纯字母),   zwen*-*(中文),   bysc*-*(字母开头),   mail(邮箱),   yzbm(邮政编码)      *    其中的‘*’表示长度,比如“zwen1-5”表示中文1-5位的长度。同时支持“zwen”(只能是中文),“zwen5-*”(5位长度的文字),其他的数据类型如同上面所示。      

  • 本文向大家介绍jquery validation验证表单插件,包括了jquery validation验证表单插件的使用技巧和注意事项,需要的朋友参考一下 jQuery验证表单插件——jquery-validation The jQuery Validation Plugin provides drop-in validation for your existing forms, while ma

  • 本文向大家介绍jQuery插件Validation表单验证详解,包括了jQuery插件Validation表单验证详解的使用技巧和注意事项,需要的朋友参考一下 本文为大家分享了jQuery插件Validation表单验证的具体实现代码,供大家参考,具体内容如下 功能 1.对”姓名“的必填和长度至少是两位的验证。 2.对“电子邮件”的必填和是否为E-mail格式的验证。 3.对“网址”是否为url的

  • pre { white-space: pre-wrap; } jQuery EasyUI 插件 通过 $.fn.validatebox.defaults 重写默认的 defaults。 验证框(validatebox)是为了验证表单输入字段而设计的。如果用户输入无效的值,它将改变背景颜色,显示警告图标和提示消息。验证框(validatebox)可与表单(form)插件集成,防止提交无效的字段。 依

  • CodeIgniter 提供了一个全面的表单验证和数据预处理类以帮助缩减你所写的代码。 概述 表单验证指南 表单 成功页面 控制器 设置验证规则 使用一个数组设置验证规则 级联规则(Cascading Rules) 预处理数据(Prepping Data) 重新填充表单(Re-populating the Form) 回调 设置错误信息 更改错误定界符 翻译表单域名字 独立显示错误 将一系列验证规

  • 表单请求验证类 必须 使用 表单请求 - FormRequest 类 来处理控制器里的表单验证。 验证类的 authorize 绝不 使用 authorize() 方法来做用户授权,用户授权我们会单独使用 Policy 授权策略 来实现。 使用基类 所有 FormRequest 表验证类 必须 继承 app/Http/Requests/Request.php 基类。基类文件如下: <?php n

  • 本文向大家介绍详解jQuery的表单验证插件--Validation,包括了详解jQuery的表单验证插件--Validation的使用技巧和注意事项,需要的朋友参考一下 大致介绍 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用

  • 本文向大家介绍Vue表单验证插件的制作过程,包括了Vue表单验证插件的制作过程的使用技巧和注意事项,需要的朋友参考一下 前言 前段时间,老大搭好了Vue的开发环境,于是我们愉快地从JQ来到了Vue。这中间做的时候,在表单验证上做的不开心,看到vue的插件章节,感觉自己也能写一个,因此就自己开始写了一个表单验证插件va.js。 当然为什么不找个插件呢? vue-validator呀。 1.我想了下,