首先引入 validform.js文件
html代码
<form id="form">
<input id="name" placeholder="请输入真实姓名" type="text" datatype="*" errormsg="请填写用户名">
<input id="pass" placeholder="请输入密码" type="text" datatype="*" errormsg="请填写密码">
</form>
初始化:
$("#form").validform();
验证表单
第一种直接绑定属性:datatype、nullmsg、sucmsg、errormsg、ignore、recheck、tip、altercss、ajaxurl 和 plugin
内置基本的datatype类型有: * | *6-16 | n | n6-16 | s | s6-18 | p | m | e | url
*:检测是否有输入,可以输入任何字符,不留空即可通过验证;
*6-16:检测是否为6到16位任意字符;
n:数字类型;
n6-16:6到16位数字;
s:字符串类型;
s6-18:6到18位字符串;
p:验证是否为邮政编码;
m:手机号码格式;
e:email格式;
url:验证字符串是否为网址。
添加错误信息:
errormsg=“请填写正确的信息”
第二种验证方法:
$(function () {
var aihuinong = $("form").Validform(); aihuinong.addRule([ { ele:"#name", //绑定验证的块 datatype:"*", //验证类型 nullmsg:"请填写名称", //为空错误提示 errormsg:"请正确填写名称" //填写错误提示 }, { ele:"#pass", datatype:"*", nullmsg:"请填写密码", errormsg:"请正确填写密码" } ]) });
h5默热提示:直接在块中添加 required 就可以
官网连接:http://validform.rjboy.cn/document.html
相关推荐
jquery 表单验证大全并以弹出形式提示信息
Extjs验证 Extjs验证Extjs验证 Extjs验证Extjs验证 Extjs验证Extjs验证 Extjs验证
下面说说自己在表单验证过程遇到的两个需求问题及解决的方法。 1.使用x-input组件可知,官方只给了三种类型的is-type验证器,分别是:email,china-name,china-mobile,其他需要自己自定义验证器,怎么写验证器? ...
在项目中经常遇到,表单可以动态追加多行。但是追加的行中,input 文本框的name会重复。如果用jquery validator ,它只支持验证第一个input,后面的name相同的input不会被验证,怎么办呐?经过研究源码,提出了解决...
angular_valid 使用 AngularJs 进行表单验证
表单验证主要是用来防范小白搞乱网站和一些...Spring Boot可以使用注解 @Valid 进行表单验证。下面这篇文章主要给大家介绍了关于Spring Boot学习入门之表单验证的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。
自己编写了一个表单验证插件,使用起来很简单,以后还可以扩展更多的功能,比如ajax验证。 每个需要验证的表单元素下面有一个span标签,这个标签的class有一个valid表示需要验证,如果有nullable则表示可为空;rule...
javascrip dom的布尔值验证案例
ng-valid 表单通过验证时设置 ng-invalid 表单未通过验证时设置 ng-pristine 表单没有改动时设置 ng-dirty 表单有改动时设置 对象: $error 注意事项: ①给表单以及表单组件 加上name属性 ②给需要用到的...
Validate.js是一个轻量级的JavaScript表单验证类库,它不依赖于其它任何JavaScript框架,经GZIP压缩后仅有1KB大小。它所提供的验证类型有:是否为空、数字、Email地址、判断输入值是否在某一范围内等,此外你也可以...
使用说明 BD2 - AK 3X / GS 00 (valid from 07/2013 --->)[手册]pdf,
使用说明 BD2 - AK02X/ AK03X (valid from 07/2013 --->)[手册]pdf,
使用说明 BD2 - AK 1/... (valid from 07/2013 --->)[手册]pdf,
使用说明 BD 2 - AK 2X/3X (valid from 07/2013 --->)[手册]pdf,
ValidForm是HTML5表单验证功能上的薄JavaScript包装器。 它很小,只有大约200行代码(7k,5.6k压缩),并且没有依赖项。 不,没有 有关背景信息,请查看指向此模块的。 HTML5 表单验证功能非常好,但也有一些缺陷。...
本文实例为大家分享了Asp.net Mvc表单验证的制作代码,供大家参考,具体内容如下 将ASP.NET MVC或ASP.NET Core MVC的表单验证改成气泡提示: //新建一个js文件(如:jquery.validate.Bubble.js),在所有要验证的页面...
顾名思义模板验证就是通过一些angularjs的属性来在html标签中验证,为了往模板驱动表单中添加验证机制,你要添加一些验证属性,就像原生的 HTML 表单验证器。 Angular 会用指令来匹配这些具有验证功能的指令。每当...
使用说明 BD2 - AK03X / L... (valid from 07/2013 --->)[手册]pdf,
jquery.validate表单验证密码完整例子(带密码强度显示)
使用说明 BD2-AK05 / GB9(12)R1003 (valid from 07/2013 --->)[手册]pdf,