还在用 Javascript 一行行写表单验证吗?那就 OUT 了,使用 jQuery Validation Engine 可以一步到位完成表单的验证了,如下是一张缩略图:
那么该如何使用呢?步骤也很简单。
Github下载:https://github.com/posabsolute/jQuery-Validation-Engine
本地下载:jQuery-Validation-Engine-master
下载完成后,从压缩包中提取出下面的文件:
按照上面的目录结构,放到网站目录下,然后在网页 <head> 标签中引入:
<!-- 加载CSS样式文件--> <link href="css/validationEngine.jquery.css" rel="stylesheet" type="text/css" /> <!-- 加载JQuery库文件,如果已经加载,则不需要重复添加 --> <script src="js/js/jquery-1.8.2.min.js" type="text/javascript"></script> <!-- 加载validationEngine实现脚本 --> <script src="js/jquery.validationEngine-zh_CN.js" type="text/javascript"></script> <!-- 加载中文语言包 --> <script src="js/jquery.validationEngine.js" type="text/javascript"></script>
在 <head> 中加入这样的代码初始化 validationEngine:
<script type="text/javascript">
$("#iform").validationEngine();
</script>
再插入这样的表单,注意 id 要与初始化的 id 一致:
<form id="iform" action=""> <input type="text" name="email" value="" /> </form>
就可以对这个表单进行验证了,如果输入的内容不是 email,表单将无法提交。
此外,还有电话、内容大小、邮箱、URL等等验证功能,请直接访问项目的 github 地址:https://github.com/posabsolute/jQuery-Validation-Engine 。
pre { white-space: pre-wrap; } 本教程将向您展示如何验证一个表单。easyui 框架提供一个 validatebox 插件来验证一个表单。在本教程中,我们将创建一个联系表单,并应用 validatebox 插件来验证表单。然后您可以根据自己的需求来调整这个表单。 创建表单(form) 让我们创建一个简单的联系表单,带有 name、email、subject 和 mes
本文向大家介绍如何使用jQuery验证表单?,包括了如何使用jQuery验证表单?的使用技巧和注意事项,需要的朋友参考一下 首先,您必须制作一个类似html的表单。 现在使用jQuery验证插件以更简单的方式验证表单的数据。 首先,在文件中添加jQuery库。 然后使用简单语法定义规则。 定义错误消息。 现在终于提交表格了。
问题内容: 我有一个MVC视图,其中包含使用Ajax.BeginForm()帮助器方法构建的表单,并且正在尝试使用jQuery Validation插件 来验证用户输入。我得到了该插件,以突出显示输入数据无效的输入,但是尽管输入无效,但表单仍被发布到服务器。 如何停止此操作,并确保仅在表单验证后才发布数据? 我的密码 表格: JavaScript验证: 编辑: 由于我在发布后续问题及其答案解决方案
本文向大家介绍jquery Validation表单验证使用详解,包括了jquery Validation表单验证使用详解的使用技巧和注意事项,需要的朋友参考一下 是一款优秀的插件,它能对客户端表单进行验证,并且提供了许多可以定制的属性和方法,良好的扩展性。本文就是通过讲解这个实例来理解Validation的应用。 本实例涉及到的验证有: 用户名:长度、字符验证,重复性ajax验证(是否已存在)。
目前支持对以下格式的值进行验证: cnum*-*(纯数字), char*-*(纯字母), zwen*-*(中文), bysc*-*(字母开头), mail(邮箱), yzbm(邮政编码) * 其中的‘*’表示长度,比如“zwen1-5”表示中文1-5位的长度。同时支持“zwen”(只能是中文),“zwen5-*”(5位长度的文字),其他的数据类型如同上面所示。
本文向大家介绍jquery 表单验证之通过 class验证表单不为空,包括了jquery 表单验证之通过 class验证表单不为空的使用技巧和注意事项,需要的朋友参考一下 在开发系统时,往往都有某些表单数据为必填项,若用jQuery通过ID去验证,不仅会影响效率,还会有所遗漏,不易于后期维护。 本章将介绍如何利用jQuery,通过为表单配置class进行统一验证。(ID一个页面只可以使用一次;cl