validform简单用法
validform这人认为是非常不错的表单验证插件，下面记载以下它的简单用法
1.引入文件
<link href="css/validform.css" rel="stylesheet"/>
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/Validform_v5.3.2_min.js"></script>
2html
这里写几个常用的表单
<form class="form1">
用户名：<input type="text" datatype="*" nullmsg="请填写用户名" errormsg="请填写正确的用户名"/> // datatype="*".输入非空字符
密码：<input type="password" datatype="*2-6" nullmsg="请填写密码" errormsg="请填写2-6个任意的字符"/> // datatype="*2-6".输入2-6个字符
编号：<input type="text" datatype="n3-9" nullmsg="请填写编号" errormsg="请填写3-9个数字"/> // datatype="n3-9".输入3-9个数字
邮箱：<input type="email" datatype="e" nullmsg="请填写邮箱" errormsg="请填写正确邮箱格式"/> // datatype="e".输入邮箱格式
手机号：<input type="tel" datatype="m" nullmsg="请填写手机号" errormsg="请填写正确的手机号格式"/> // datatype="m".输入电话格式
你的最爱<select datatype="*" nullmsg="请选择你的最爱" >
<option>请选择</option>
<option >苹果</option>
<option>香蕉</option>
</select>
<textarea datatype="s" tip="请在这里写上您对我们的意见" errormsg=“请填写有效内容”></textarea> // datatype="s".输入字符串格式
<input type="submit" />
</form>
3，js
$(".form1").Validform(); //注意这里V是大写的哈，不如会报错的。
可以考虑在每个input后面添加一个<span class=" Validform_checktip ">请填写用户名</span>。这样出错或者没有填写的时候就是在后面显示这个div的提示信息
validform简单用法相关推荐
- 反编译工具jad简单用法
反编译工具jad简单用法 下载地址: [url]http://58.251.57.206/down1?cid=B99584EFA6154A13E5C0B273C3876BD4CC8CE672& ...
- QCustomPlot的简单用法总结
QCustomPlot的简单用法总结 第一部分:QCustomPlot的下载与安装 第二部分:QCustomPlot在VS2013+QT下的使用 QCustomPlot的简单用法总结 写在前面, ...
- python matplotlib 简单用法
python matplotlib 简单用法 具体内容请参考官网 代码 import matplotlib.pyplot as plt import numpy as np # 支持中文 plt.rc ...
- Windump网络命令的简单用法
Windump网络命令的简单用法 大家都知道,unix系统下有个tcpdump的抓包工具,非常好用,是做troubleshooting的好帮手.其实在windows下也有一个类似的工作,叫windum ...
- Android TabLayout(选项卡布局)简单用法实例分析
本文实例讲述了Android TabLayout(选项卡布局)简单用法.分享给大家供大家参考,具体如下: 我们在应用viewpager的时候,经常会使用TabPageIndicator来与其配合.达到 ...
- shell expect的简单用法
为什么需要expect? 我们通过Shell可以实现简单的控制流功能,如:循环.判断等.但是对于需要交互的场合则必须通过人工来干预,有时候我们可能会需要实现和交互程序如 telnet服务器等进 ...
- Shellz中awk的简单用法
其实shell脚本的功能常常被低估.在实际应用中awk sed 等用法可以为shell提供更为强大的功能.下面我们将一下awk调用的简单方法进行了总结.方便同学们学习: awk的简单用法: 第一种调用 ...
- python装饰器实例-Python装饰器原理与简单用法实例分析
本文实例讲述了Python装饰器原理与简单用法.分享给大家供大家参考,具体如下: 今天整理装饰器,内嵌的装饰器.让装饰器带参数等多种形式,非常复杂,让人头疼不已.但是突然间发现了装饰器的奥秘,原来如此 ...
- python装饰器实例-Python装饰器简单用法实例小结
本文总结分析了Python装饰器简单用法.分享给大家供大家参考,具体如下: 装饰器在python中扮演着很重要的作用,例如插入日志等,装饰器可以为添加额外的功能同时又不影响业务函数的功能. 比如,运行 ...
最新文章
- 山水人家（附简要教程）
- java快速搭建webapi,4.从零搭建WebApi接口开发框架-设计Dao、Service
- ActivityRecord、TaskRecord、ActivityStack相互关系以及Activity启动模式
- 【高斯和拉普拉斯为什么分别对应L2和L1?】差分隐私系统学习记录（五）
- 如何找到下一个快手头条？赚他个1000万！
- 【QT】QT从零入门教程(四)：菜单栏、工具栏、状态栏
- 专题：CentOS社区企业操作系统
- 淘宝api 处理对象和数组用到的自定义函数 以及 开发能用到的方法
- Java读文件的三种方式
- java 支付宝对账文件处理,支付宝账单下载读文件解析
- 大妈也能看懂的大数据分布式计算图解
- 【百度seo建议】网站快速被蜘蛛抓取方法
- Python爬虫：爬取喜马拉雅音频数据详解
- Linux设备模型-1-主要概念
- 6.2 扑克牌游戏(project)
- 爬取DMP_ISV版(达摩盘服务商版)画像数据
- NVME-MI 学习记录_1 框架
- SSM和Springboot框架比较的优缺点
- XXL-JOB配置迁移到Nacos Could not resolve placeholder ‘xxl.job.accessToken’ in value “${xxl.job.accessToke
- 百度开发者认证流程及所需信息