jQuery 插件 Validation表单验证 使用步骤(详细的)
之前一直专注于做公司的OA系统,很久没有好好学习了,,,,
下面就开始讲这个插件的使用步骤
1.现在界面引入插件
<script src="jquery.js"></script>
<script src="jquery.valition.js"></script>
<form id=demoFrom>
<p>
<label for="username">用户名</label>
<input type="text" id=username name="username">
</p>
<p>
<label for="password">密码</label>
<input type="text" id=passwordname="password">
</p>
<p>
<input type="submit" value="登录">
</p>
</from>
<script>
$(document).ready(function(){
$("#demoFrom").validation({
rules:{
//name的名字,而不是Id
username:{
required:"必须填写",
minlengtn:最小两位,
maxlength:“最大十位”
},
password:{
required:"必须填写",
minlengtn:最小两位,
maxlength:“最大十位”
},
}
message:{
username:{
required:true,
minlengtn:2,
maxlength:10
},
password:{
required:true,
minlengtn:2,
maxlength:10
},
}
})
})
</script>
------基本API
method:验证方法 ,指的是校验的逻辑
rule:验证规则,指的是元素和验证方法的关联
validate:插件的核心方法,定义了基本的校验规则和一些有用的配置项
debug:true; 表单不会提交
required 必填 max:最大值 range:值范围 email:email格式 url:url格式 date:日期 dateISO ISO日期 number:数字 digits:整数
只是最简单的一个验证,,,,,
转载于:https://www.cnblogs.com/jiakai/p/5141514.html
jQuery 插件 Validation表单验证 使用步骤(详细的)相关推荐
- 自己编写jQuery插件之表单验证
自己编写jQuery插件之表单验证 吐个嘈先:最近状态不咋滴,真是什么都不想干,不想上班,做什么都没动力,觉得没意思.不想这样,不想这样,快让这种情绪消失吧,忽忽.... 表单验证在项目中用的还是比较 ...
- jQuery学习之:Validation表单验证插件
http://polaris.blog.51cto.com/1146394/258781/ 最近由于公司决定使用AJAX + Struts2来重构项目,让我仔细研究一下这两个,然后集中给同事讲讲,让每 ...
- Spring MVC和JQuery用于Ajax表单验证
在本教程中,我们将看到如何使用Ajax和Spring MVC和JQuery在服务器端验证表单. Spring MVC为通过注释驱动的配置采用Ajax提供了非常方便的过程. 我们将使用此注释驱动的配置以 ...
- bootstrap html5 表单验证,基于Bootstrap+jQuery.validate实现表单验证
这大概是一种惯例,学习前台后台最开始接触的业务都是用户注册和登录.现在社会坚持以人为本的理念,在网站开发过程同样如此.User是我们面对较多的对象,也是较核心的对象.最开始的用户注册和登陆这块,也就尤 ...
- Jquery中使用Validate插件使表单验证更加简单
场景 效果 介绍 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 UR ...
- jquery的validate表单验证表单注册插件
这款插件非常好用! 首先导入插件: <script src="js/jquery.validate.min.js" type="text/javascript&qu ...
- 使用 jQuery Validate 进行表单验证
jQuery Validate简介 jQuery Validate 插件提供了强大的表单验证功能,能够让客户端表单验证变得更简单,同时它还提供了大量的可定制化选项,以满足应用程序的各种需求.该插件捆绑 ...
- jQuery封装的表单验证,模仿网易或者腾讯登录的风格
模仿网易邮箱做了一个登录表单验证,不太好,请指教 上代码 <form action="" name="" id="form1"> ...
- jQuery实例之表单验证
使用jQuery实现表单验证: register.html <!DOCTYPE html> <html lang="en"> <head>< ...
最新文章
- 算法提高 c++_ch04_02_修正版
- Win8离线添加Net Framework 3.5功能
- python 多项式拟合
- matlab 矩阵序列R6(n),MATLAB___09年试题加答案
- 机器人鸣人是哪一集_火影忍者:四个机器人,机器丁次,机械鸣人,你见过哪个...
- 3D坦克大战游戏源码
- 计算机教育专业需要学什么,教育知识:计算机专业都学什么
- 豪郑3000亿、发布6款车,许家印「速成」马斯克?
- java log4j 异步_Log4j2异步日志之异步格式化
- string的operate+=
- 系统学习NLP(十六)--DSSM
- 虚拟机设置静态IP地址
- 002HTML常用标签
- 计算机一级选择题答题技巧,计算机一级考试模拟题内容 答题技巧
- 教育的未来--我的感想
- 电力电子技术——sepic和zeta电路分析
- 拼出爱心图案的c语言,抖音爱心图片拼图9格照片怎么弄 高格调拼图已被霸屏
- chrome源代码目录结构简介(版本4.1.249.1059)
- PEP最新提案推出,Python将上线重大更新,带来了哪些新功能?
- 【BZOJ】【双倍的幸福】【双(三)倍的经验】