您好,欢迎来到化拓教育网。
搜索
您的当前位置:首页jQuery验证插件validation使用指南_jquery

jQuery验证插件validation使用指南_jquery

来源:化拓教育网


在网站开发过程中,有时我们需要验证用户输入的信息是否符合我们的要求,所以我们会对用户提交的数据进行验证。验证分两次进行,一次是在客户端,一次是在服务端。客户端的验证可以提升用户的体验。

jquery验证插件有很多,实现的功能也基本相同。本文介绍的只是jquery验证插件中的一种jquery.validate

jquery.Validation是一款优秀的jquery插件,它能对客户端表单进行验证,并且提供了许多可以定制的属性和方法,良好的扩展性。

1.jquery.validate插件功能

简单实现客户端信息验证,过滤不符合要求的信息

2.jquery.validate官方地址

官方地址:http://jqueryvalidation.org/,有详细的插件使用说明

官方demo:http://jquery.bassistance.de/validate/demo/

3.jquery.validate使用方法

1.引用js


2.css样式,可自定义,简单的只需要添加error样式,也可使用官方demo中的样式。

.error{
 color:red;
 margin-left:8px;
}

3.js代码



以上的代码只使用了插件提供的属性和方法。也可以自定义验证方法。如



使用自定义方法也非常简单,只需要 元素id:”checkUserName”

4.使用的html


更多验证方法的应用请查看http://jqueryvalidation.org/

Copyright © 2019- huatuo9.cn 版权所有 赣ICP备2023008801号-1

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务