目前jQuery网站上已经有了From的验证框架,FromValidation,但是一直觉得它的框架并不好用,因为重复写的东西太多了。
<!---->于是就再次写了自己的JavaScript验证框架,完全废弃掉以前的。
<!---->在新的框架下,是以这样子的用法设计的:
<!---->首先,要包括自己的js文件(这点不必说),而且在包括自己写,要先包括jQuery的,如下
<!---->
<link rel="stylesheet" type="text/css" href="<ww:url value="/layout/css/style.css"/>">
<link rel="stylesheet" type="text/css" href="<ww:url value="/layout/css/thickbox.css"/>" media="screen">
<script type="text/javascript" src="<ww:url value="/layout/js/jquery-latest.js"/>"></script>
<script type="text/javascript" src="<ww:url value="/layout/js/thickbox.js"/>"></script>
<script type="text/javascript" src="<ww:url value="/layout/js/wingel.js"/>"></script>
<decorator:head/>
然后在要验证的Form里面加个属性validatable=true,如下:
<!---->
<form id="registerForm" action="user-register.action" validatable="true"> 注意,这边不要加onsubmit方法
<!---->
<!---->接下来,就好了,比如说有个输入框:
<!----><ww:textfield name="name" id="name"/>
<!---->我想验证,让它必填,如下就可以了:
<!----><label for="name" validate="required">请填写名称</label> 其中 for属性里面填的要是验证的输入框id,validate填的是验证方法,;label里面的文本就是验证不过的时候要显示的信息。
<!---->如果我想验证一个输入框的输入值长度怎么办,这样子就行了
<!---->
<label for="password" validate="lengthRange:6;20"> 后面的参数用;号隔开,验证的方法名跟参数用: 隔开。
<!----><!---->wingel.js里面已经包括了一些常用的验证方法,现在问题来了,如果要自定义验证方法怎么办,如下办:
<!---->比如你想加个验证方法是hello
<!---->则label里面的validate属性写成hello,
<!---->然后加一个JavaScript方法:
<!---->
<script type="text/javascript">
wingel.validator.rules.hello= function(value, element, parameters,utility) ...{
... }
</script>
里面三个参数, , couldn't input Chinese. now English will be used.
The first parameter is the value of the input element you want to validate,the second one is the validated element, the third one, is the parameters you add in validate label, the last one, is a utility class, you can invoke its method to make your code easier.
<!---->
<!---->
<!---->
<!---->
<!---->
<!---->
分享到:
相关推荐
《jQuery Validate插件详解与实例应用》 在Web开发中,表单验证是不可或缺的一环,它能够确保用户输入的数据符合预设的规则,提高数据的准确性和安全性。jQuery Validate是一个强大的JavaScript库,专为jQuery设计...
《jQuery Validate插件详解与应用指南》 在Web开发领域,表单验证是不可或缺的一环,它能够确保用户输入的数据符合预设的规则,从而提高数据的准确性和系统的稳定性。jQuery Validate是一个强大的JavaScript库,专...
### jQuery Validate 插件知识点详解 #### 一、插件简介 `jquery.validate`是一款用于前端页面表单验证的强大插件。它可以帮助开发者快速实现表单字段的有效性检查,提高用户体验的同时减少服务器端的压力。该插件...
在这个“jquery validate验证示例”压缩包中,很可能包含了 `jQuery Validate` 插件的核心文件以及一些示例代码,帮助开发者快速理解和使用这个插件。 首先,`jQuery Validate` 的核心功能包括: 1. **基本验证**...
在本文中,我们将深入探讨如何使用jQuery Validate插件来创建一个功能完备的注册表单,进行数据提交前的验证。jQuery Validate是一个强大的JavaScript库,它为HTML表单提供了灵活且易于使用的验证规则,确保用户输入...
### jQuery.Validate核心知识点详解 #### 一、简介与基本用法 `jQuery.validate`插件是一种基于jQuery的表单验证工具,它可以帮助开发者快速实现客户端数据校验功能,提高用户体验的同时减少服务器端的压力。该...
jQuery库提供了两个非常实用的插件,即jquery validate.js和jquery form.js,可以帮助开发者轻松实现这一功能。 **jQuery validate.js** 是一个强大的表单验证插件,它允许开发者预设一系列规则,用于检查表单字段...
同时,jQuery Validate插件是jQuery的一个强大扩展,专门用于处理表单验证。在这个"jQuery中validate表单提交校验Demo"中,我们将深入探讨如何使用这个插件实现用户注册时的表单验证。 首先,要使用jQuery Validate...
jQuery.validate插件是jQuery库的一个强大验证工具,用于在客户端实现表单数据的验证,它大大简化了网页表单验证的复杂性。该插件提供了一系列内置规则和自定义规则,能够灵活地验证用户输入的数据,确保数据的有效...
通常,jQuery库可以从官方CDN获取,而jQuery Validate插件可以从其官方网站下载。确保在HTML文件中正确引入这些资源: ```html <script src="https://code.jquery.com/jquery-3.x.y.min.js"></script> ...
**jQuery Validate插件详解** jQuery Validate插件是用于在网页表单验证中的一个强大工具,它简化了HTML表单的验证过程,使开发者能够轻松创建符合业务规则的表单验证逻辑。这个插件是基于流行的JavaScript库jQuery...
### jQuery Validate 快速入门与实战应用 #### 一、jQuery Validate 插件简介 `jQuery Validate` 是一个非常流行的前端表单验证插件,它基于 jQuery 开发,提供了丰富的验证规则和高度定制化的错误消息处理机制。...
jQuery Validate 插件是一个广泛使用的JavaScript库,用于进行前端表单验证。在表单中,我们可能会遇到多个输入框具有相同名称的情况,例如单选按钮、复选框等,而jQuery Validate 默认只会校验第一个相同名称的...
在Web开发中,jQuery Validate是一个常用的JavaScript库,用于表单验证。它提供了丰富的验证规则和易于使用的API,帮助开发者确保用户输入的数据满足特定条件。然而,当遇到需要验证数组类型的输入时,可能会出现...
根据给定的信息,本文将详细介绍jquery-validate前端验证框架的相关知识点,包括其基本概念、使用方法以及部分具体的验证规则实现。 ### 一、jquery-validate简介 `jquery-validate`是一款基于jQuery的强大表单...
首先,我们需要引入jQuery库以及jQuery Validate插件的JavaScript文件。在HTML文档的`<head>`或`<body>`部分,我们可以添加如下代码: ```html <script type="text/javascript" src="js/jquery-min.js"> ...
在jQuery中,`validate`和`form`这两个插件经常被用来实现强大的表单验证和异步提交功能。本文将详细解析如何结合使用这两个插件来处理表单的验证和提交。 首先,`jQuery.validate`插件是jQuery的一个扩展,主要...
### jQuery Validate 表单验证插件使用方法 在前端开发中,表单验证是一项非常重要的功能,它确保用户提交的数据符合预期的要求。jQuery Validate插件是基于jQuery的一个强大的表单验证库,它提供了多种预定义的...