守望麦香花开
- 浏览: 47038 次
-
文章分类
最新评论
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>自动校验功能</title>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/validate.js"></script>
<style type="text/css">
.suc{
background-color: red;
}
</style>
<script type="text/javascript">
$(function() {
//自定义校验方法addMethod中的参数1:验证的方法名，参数2：验证规则，参数3：验证提示信息
$.validator.addMethod("formula",function(value,element,param){
return this.value == eval(param);
},'请正确输入数学计算正确后的结果');
$("#form1").validate({
rules:{
username:{
required:true,
minlength:2
},
email:{
required:true,
email:true
},
url:{
required:true,
url:true
},
valcode:{
formula: "7+9"
}
},
/* messages{
username:{
required:'请输入姓名',
minlength:'请至少输入两个字符'
},
email:{
required:'请输入电子邮箱',
email:'请检查电子邮箱格式'
}
}, */
/*
errorElement:"em",//用来创建错误提示信息
success:function(label){//验证成功后执行的回调函数，label指向上面那个错误提示信息标签em
label.text(" ").addClss("suc");//清空错误提示信息,并添加上样式
} */
});
});
</script>
</head>
<body>
<form action="#" method="post" id="form1">
用户名:<input type="text" name="username" value=""><br><br>
年 龄:<input type="text" name="age" value=""><br><br>
邮 箱:<input type="text" name="email" value=""><br><br>
地 址:<input type="text" name="url" value=""><br><br>
<label for="cvalcode">验证码:</label>
<input id="cvalcode" type="text" name="valcode" size="25" value="">=7+9
<input type="button" value="提交">
</form>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>自动校验功能</title>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/validate.js"></script>
<style type="text/css">
.suc{
background-color: red;
}
</style>
<script type="text/javascript">
$(function() {
//自定义校验方法addMethod中的参数1:验证的方法名，参数2：验证规则，参数3：验证提示信息
$.validator.addMethod("formula",function(value,element,param){
return this.value == eval(param);
},'请正确输入数学计算正确后的结果');
$("#form1").validate({
rules:{
username:{
required:true,
minlength:2
},
email:{
required:true,
email:true
},
url:{
required:true,
url:true
},
valcode:{
formula: "7+9"
}
},
/* messages{
username:{
required:'请输入姓名',
minlength:'请至少输入两个字符'
},
email:{
required:'请输入电子邮箱',
email:'请检查电子邮箱格式'
}
}, */
/*
errorElement:"em",//用来创建错误提示信息
success:function(label){//验证成功后执行的回调函数，label指向上面那个错误提示信息标签em
label.text(" ").addClss("suc");//清空错误提示信息,并添加上样式
} */
});
});
</script>
</head>
<body>
<form action="#" method="post" id="form1">
用户名:<input type="text" name="username" value=""><br><br>
年 龄:<input type="text" name="age" value=""><br><br>
邮 箱:<input type="text" name="email" value=""><br><br>
地 址:<input type="text" name="url" value=""><br><br>
<label for="cvalcode">验证码:</label>
<input id="cvalcode" type="text" name="valcode" size="25" value="">=7+9
<input type="button" value="提交">
</form>
</body>
</html>
分享到：
发表评论
-
jquery选择器总结
2016-09-22 10:59 458jQuery 的选择器可谓之强 ... -
网页选项卡的切换
2016-09-22 10:53 414<!DOCTYPE html> <html& ... -
JQuery的extend扩展
2016-09-18 15:23 391JQuery的extend扩展方法： Jquery ... -
jquery实现全选，全不选，反选效果
2016-09-13 15:41 405<!DOCTYPE html PUBLIC " ... -
jquery实现全选，全不选，反选效果
2016-09-13 15:40 0<!DOCTYPE HTML> <html& ... -
封装数据_方法
2016-08-26 17:30 465var simple_confNetwork={ in ... -
jquery对对象数组的遍历的两种方式
2016-08-26 15:00 1887jquery对对象数组的遍历的两种方式 data: [ { ... -
query，bootstrap在开发中使用的总结
2016-08-24 09:50 569当ajax请求返回的数据date如上面所显示，要达到下图所示的 ... -
select初始化操作
2016-08-23 15:54 736select 初始化值，option 的value是id,内容 ... -
select初始化操作
2016-08-23 15:50 0select 初始化值，option 的value是id,内容 ... -
bootstrap日期插件daterangepicker的使用
2016-08-22 10:59 874今天用的了bootstrap日期插件感觉搜索的资料不是很多在此 ... -
Jquery选择器
2016-08-19 10:08 618JQuery: 一：入门 二：选择器 三：DOM操作 四：事件 ... -
Vue.js 60 分钟快速入门
2016-08-19 09:20 510Vue.js介绍 Vue.js是当下很火的一个JavaScr ... -
Java构造和解析Json数据的两种方法详解一
2016-08-18 13:01 394在www.json.org上公布了很多JAVA下的json ... -
HTML5时钟
2016-08-18 12:31 481本示例使用HTML5的canvas标签和Javascript脚 ... -
同步更新input中的内容
2016-08-16 14:15 504HTML： <div class="form ... -
JQuery验证
2016-08-16 09:46 474js-----> var table = in ... -
jQuery.Validate验证库的使用
2016-08-15 16:24 467一、用前必备 转载：http://www.cnblogs.c ...
相关推荐
validate自动校验源码 博文链接：https://jianglanlan.iteye.com/blog/1856659
validate-api工具类校验类属性所需jar包集合
参考基于反射的自动校验工具类，提取了所有字段的检验过程，详细参考我写的文章
struts2的输入校验有两种方式: 一.重写validate()方式 二.采用配置文件的方式 先我们就以一个简单的登录的例子来讲解这个... 就OK了，不要作别的改动，struts2在启动时，会自动导入LoginAction-validation.xml的!
VeeValidate是一个库 ，使您可以验证输入字段，并显示错误。 该插件的灵感来自。 安装 npm npm install ree-validate --save 纱 yarn add ree-validate 入门 import ReeValidate from 'ree-validate' 安装类名以...
使用jQuery Validate插件可以使用remote校验规则完成验证。 示例： 一.基本用法 1.需要验证的表单 <form id="registForm"> <input type="text" id="username" name="username"> </form> 2.js ...
当在 控件初始化后 调用Validate.reg(this)方法，会自动给控件添加输入规则/监听事件。详细说明可以看MoneyActivity.class的注释。 当在 控件初始化前 调用Validate.reg(this)方法，则不会添加任何规则/监听事件 ...
AutoScroll:[true,270], // 第一个不通过校验的文本框，自动滚动到该位置 true/false ,第二个参数，距离顶部像素 submitSpecialData: true // ajax提交时，另外加的特殊参数,true/false 写一个 function ...
node开发企业级开发实践 egg.js+Sequelize+PostgreSQL+jwt 包含功能： 1. log 2. swagger自动生成 3. validate 参数校验 4. 异常处理，统一拦截 5. 免router配置 6. sequelize降低前端写sql语句门槛 7. jwt鉴权
将lib\validate.php文件复制到lib文件夹或自动包含的文件夹的任何根目录。 请记住，至少需要PHP 5.4才能使用特征 入门 class Profile { use Validate ; //<--- Trait public function getRules () { return ...
Hibernate Validate（参数校验） Mybatis（最少配置方案） Quartz时间调度 Redis缓存（ProtoStuff序列化） Redis Sentinel主从高可用方案 Druid（数据源配置 sql防注入 sql性能监控) Dubbo+Zookeeper分布式服务框架 ...
实例41 Validate US验证电话号码 实例42 转换日期格式 实例43 用户注册验证 第6章 实现基本Ajax技术 实例44 Ajax测试实例 实例45 客户端解析普通字符串 实例46 客户端解析XML文件响应 实例47 客户端发送POST...
实例41 Validate US验证电话号码 实例42 转换日期格式 实例43 用户注册验证 第6章 实现基本Ajax技术 实例44 Ajax测试实例 实例45 客户端解析普通字符串 实例46 客户端解析XML文件响应 实例47 客户端发送POST无参数...
提供校验、自动缓存等额外功能，提升录入体验 可以跨项目的共用复杂的表单组件 原始表单的缺点 1：代码量庞大，开发效率低 每次开发一个表单页的时候，都需要重复编写表单组件及其交互事件的代码，这块代码重复...
变量（variables） 参数提取（extract） 自定义函数:debugtalk.py ...结果校验（validate） Httprunner笔记对应视频讲解：https://space.bilibili.com/688884147/channel/seriesdetail?sid=3732243&ctype=0
python-validator 是一个类似于 Django ORM 的数据校验库，适用与任何需要进行数据校验的应用，比较常见的是 Web 后端校验前端的输入数据。 特性 支持 python2 和 python3。 使用类描述数据结构，数据字段一目了然。...
EOP自动为应用提供表单校验功能，通过指定form样式名和指定表单项特定属性的方式来完成。 5.3.1 示例 代码示例 [removed] function checkUserName(val){ if(val=='kingapex' ) return true; else return ...
1. 介绍.........................................................................................................18 1.1. 关于本书..........................................................................
1. 介绍.........................................................................................................18 1.1. 关于本书...........................................................................
正则表达式中的特殊字符 字符 含意 \ 做为转意，即通常在"\"后面的字符不按原来意义解释，如/b/匹配字符"b"，当b前面加了反斜杆后/\b/，转意为匹配一个单词的边界。 -或- 对正则表达式功能字符的还原，如"*"匹配它...