caCheckerV0.1.2 Beta2 已发布

caChecker是一款简单易用的JS表单验证框架,支持多种内置验证规则,并可自定义验证函数。它与HTML标签0耦合,实现表单与验证逻辑的完全分离。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

caCheckerV0.1.2 Beta2

        caChecker是一个免费的、使用简单操作方便的、与HTML标签0藕合的JS表单验证框架,caChecker支持自定义验证函数来扩充验证功能。验证一个含有100个元素的大表单,只需要10分钟左右的配置规则时间,不需要复制粘贴大量代码。caChecker完美地实现表单与验证相分离,使用caChecker不需要在原来的form或html控件标签上加任何属性或方法,只需要导入一个JS文件,系统会自动适配做了规则定义的FORM表单。您无需忧虑原有的Form标签上的onsubmit不能正常运行,body标签上的onload无效。caChecker利用代理的原理,保证了原有事件的完美执行。目前,caChecker支持Firefox,IE,Opera等浏览器。现在就让我们一切来探究caChecker的神秘吧!

最新下载:

caCheckerV0.1.2 Beta2


版本更新说明:

caCheckerV0.1.2 

发布时间: 2009-06-19

1.修复自定义onsubmit事件提交控制失败。

2.新增url、mobile、number、color验证。

3.框架添加命名空间。

caCheckerV0.1.1

发布时间: 2009-05-11

完成核心代码,支持email、length、empty验证。

使用步骤:

1.导入框架JS,caChecker.js

2.编写验证规则 CACHK.addCheckForm(表单名称[-N],规则);

详细说明:

 CACHK.addCheckForm(表单名称[-N],规则);

每个表单添加一条规则。

表单名称[-N]同一页面有多个表单name属性都是相同的,可以加-N,例如:

Form1:
<form name="myForm">内容1</form>

Form2:
<form name="myForm">内容2</form>

CACHK.addCheckForm(myForm-0,规则1);
CACHK.addCheckForm(myForm-1,规则2);

索引从0开始!

 

规则说明:

var role =  ["0|empty|0|性名","1|len|>6|年龄","2|email|0|电子邮箱"];

验证规则可以定义成变量,实现重用。

自定义验证:CACHK.chk_函数后缀

chk_:必不可少!是框架的约定!

例 学生表单验证:
CACHK.chk_studentForm = function(elem,role){
 if(elem.value == ""){
  this.showErrors(elem,role,"不能为空!");
  return false;
 }
 return true;
};

参数说明:

elem:需要验证的元素引用!

role:
  role.elemIndex            元素索引
  role.roleType               规则类型(empty,len,mail,url 等),验证函数后缀
  role.roleIf                      规则条件(视规则函数而定),自定义规则函数时,可以获取该值进行处理
  role.elemName           元素名称(姓名、年龄、性别等),caChecker会跟据元素名称生成提示语句

已集成的验证库:

 

验证库后缀验证库描述验证条件
len长度限制>N,<N,!=N,=N 等
url是否URL无需验证条件
mail是否Email无需验证条件
mobile是否手机号码适合13开头,后9位数字!(无需验证条件)
empty是否为空0表示不能为空,1表示一定为空
number是否数字型无需验证条件
color是否颜色类型(#ff0087)无需验证条件

常用函数库:

 

函数名称函数说明使用说明
showErrors(elem,role,info)显示提示信息验证函数:
this.showErrors(elem,role,info);
CACHK.showErrors(elem,role,info);
外部执行:
CACHK.showErrors(elem,role,info);
isNULL(string)是否为NULL或者undefined验证函数:
this.isNULL(string);
CACHK.isNULL(string);
外部执行:
CACHK.isNULL(string)
getElementByEvent(event)
 
跟据事件对象获取触发的元素验证函数:
this.getElementByEvent(event);
CACHK.getElementByEvent(event);
外部执行:
CACHK.getElementByEvent(event);
ltrim(string)去左空格

验证函数:
this.ltrim(string);
CACHK.ltrim(string);
外部执行:
CACHK.ltrim(string);

rtrim(string)去右空格验证函数:
this.rtrim(string);
CACHK.rtrim(string);
外部执行:
CACHK.rtrim(string);
trim(string)去左右空格验证函数:
this.trim(string)
CACHK.trim(string)
外部执行:
CACHK.trim(string)


 建议都使用CACHK.XXXX方式调用!


完整例子:


example.html
<html>
<head>
 <title>caCheckerV1.0 Beta1 Example</title>
 <script type="text/javascript" src="caChecker.js">
 </script>
 <script type="text/javascript">
  var formRole1 = ["0|empty|0|姓名","1|len|>6|密码"];
  var formRole2 = ["0|mail|0|电子邮箱","1|empty|0|地址","1|address|上海|地址"];
  CACHK.addCheckForm("studentForm-0",formRole1);
  CACHK.addCheckForm("studentForm-1",formRole2);

  //自定义验证函数
  CACHK.chk_address = function(elem,role){
   var v = this.trim(elem.value);
   if(v.indexOf(role.roleIf) == -1){
    CACHK.showErrors(elem,role," 只允许" + role.roleIf );
    return false;
   }
   return true;
  };

  //Form的onsubmit事件
  function reCheckForm(formObj,formName){
   alert(formName + "通过验证了!可是我这里不给通过!");
   return false;
  }
 </script>
</head>
<body>
 <form name="studentForm" onsubmit="return reCheckForm(this,'studentForm1');">
  姓名:<input type="text" name="userName" /><br/>
  密码:<input type="password" name="userPwd" /><br/>
  <input type="submit" value="保存"/>
  <input type="reset" value="重置" />
 </form>
 <form name="studentForm" id="vaaaa">
  电子邮箱:<input type="text" name="userName" /><br/>
  地址:<input type="text" name="userPwd" /><br/>
  <input type="submit" value="保存"/>
  <input type="reset" value="重置" />
 </form>
</body>
</html>
 
 

查看例子

 

验证框架下载:

caChecker.js

Mr.CT
Ant Software Studio

2009-06-19

资源下载链接为: https://pan.quark.cn/s/22ca96b7bd39 在当今的软件开发领域,自动化构建与发布是提升开发效率和项目质量的关键环节。Jenkins Pipeline作为一种强大的自动化工具,能够有效助力Java项目的快速构建、测试及部署。本文将详细介绍如何利用Jenkins Pipeline实现Java项目的自动化构建与发布。 Jenkins Pipeline简介 Jenkins Pipeline是运行在Jenkins上的一套工作流框架,它将原本分散在单个或多个节点上独立运行的任务串联起来,实现复杂流程的编排与可视化。它是Jenkins 2.X的核心特性之一,推动了Jenkins从持续集成(CI)向持续交付(CD)及DevOps的转变。 创建Pipeline项目 要使用Jenkins Pipeline自动化构建发布Java项目,首先需要创建Pipeline项目。具体步骤如下: 登录Jenkins,点击“新建项”,选择“Pipeline”。 输入项目名称和描述,点击“确定”。 在Pipeline脚本中定义项目字典、发版脚本和预发布脚本。 编写Pipeline脚本 Pipeline脚本是Jenkins Pipeline的核心,用于定义自动化构建和发布的流程。以下是一个简单的Pipeline脚本示例: 在上述脚本中,定义了四个阶段:Checkout、Build、Push package和Deploy/Rollback。每个阶段都可以根据实际需求进行配置和调整。 通过Jenkins Pipeline自动化构建发布Java项目,可以显著提升开发效率和项目质量。借助Pipeline,我们能够轻松实现自动化构建、测试和部署,从而提高项目的整体质量和可靠性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值