一款优秀的表单验证插件——validation插件

最新推荐文章于 2024-07-14 14:33:00 发布

前端阿呆

最新推荐文章于 2024-07-14 14:33:00 发布

阅读量1.8k

点赞数

分类专栏： Web前端基础知识文章标签： jquery

本文链接：https://blog.csdn.net/weixin_42132959/article/details/106197169

版权

validation插件提供19种内置验证规则，支持自定义规则，具备实时验证功能，允许用户自定义提示信息。文章介绍了如何快速入门，包括引入jQuery库和validation插件，以及两种使用示例。

摘要由CSDN通过智能技术生成

特点：

内置验证规则：拥有必填、数字、email、url和信用卡号码等19类内置验证规则。
自定义验证规则：可以很方便的自定义验证规则。
简单强大的验证信息提示：默认了验证信息提示，并提供自定义覆盖默认提示信息的功能。
实时验证：可以通过keyup或bulr事件触发验证，而不仅仅在表单提交的时候验证。

下载：

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

快速入门：
第一步：引入jquery库和validation插件
000
使用前提：
001
检验方式：js代码方式
000
002
案例一：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/jquery-1.8.3.js"></script>
		<script src="../js/jquery.validate.min.js"></script>
		<script src="../js/messages_zh.js"></script>
		<script>
			$(function(){
   
				$("#checkForm").validate({
   
					rules:{
   
						username:{