当前位置:Gxlcms > JavaScript > jQuery验证插件validation使用指南_jquery

jQuery验证插件validation使用指南_jquery

时间:2021-07-01 10:21:17 帮助过:6人阅读

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

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/

人气教程排行