本文通过实例代码给大家介绍了jquery验证引擎表单验证插件效果，非常不错，具有参考借鉴价值，需要的的朋友参考下吧
先给大家展示下效果图，如果大家感觉不错，请参考实现代码：
废话少说，直接上代码，可拷贝直接运行：
！文档类型超文本标记语言
html lang=zh
头
meta charset=UTF-8 /
meta name= viewport content= width=device-width，initial-scale=1.0 /
meta http-equiv= X-UA-Compatible content= ie=edge /
标题验证引擎插件/标题
！-link rel=样式表 type= text/CSS href= CSS/验证引擎。jquery。CSS rel=外部无跟随/-
链接href= https://cdn。bootcss。com/jQuery-验证-引擎/2。6 .4/验证引擎。jQuery。CSS rel=外部无跟随 rel=样式表
style type=text/css
*{
填充：0;
边距：0;
}
#表单{
左填充：20px
}
#形式。行{
填充：10px 0；
边距：10px 0；
上边框：1px虚线# 0044CC
}
/风格
/头
身体
表单操作= 方法=发布id=表单
div class=line
必填项-输入框
/div
输入值= class= validate[required] type= text name= req
div class=line
必填项-复选框
/div
输入class= validate[required] type= checkbox name= agree 我同意服务协议
div class=line
全球资源定位器(统一资源定位器)验证
/div
输入值= http:// class= validate[必需，自定义 type=text name=url
div class=line
电子邮件验证
/div
输入值= forced _ error class= validate[必需，自定义[电子邮件]] type=text name=email
div class=line
互联网协议(互联网协议)地址(v4)
/div
输入值=192.168.3 class= validate[必需，自定义[ipv4]] type=text name=ip
div class=line
数值
/div
输入值=-33.87 a class= validate[必需，自定义[数字]] type=text name=number
div class=line
整数
/div
输入值= 10.1 class= validate[必需，自定义[整数]] type=text name=integer
div class=line
相等运算
/div
输入值= karnius class= validate[必填]类型=密码名称=密码 id=密码
输入值= kaniusBAD class= validate[必需，等于[密码]] type= password name= password 2 id= password 2
div class=line
限制最小字符数
/div
input value= class= validate[required，minSize[6]] type= text name= minSize
div class=line
限制最大字符数
/div
输入值= 0123456789 class= validate[可选，maxSize[6]] type= text name= maxSize
div class=line
输入整数（必须大于或等于-5)
/div
输入值=-7 class= validate[必需，自定义[整数]，min[-5]] type=text name=min
div class=line
输入整数（必须小于或等于50):
/div
输入值= 55 class= validate[必需，自定义[整数]，max[50]] type=text name=max
/表单
！- script src=./jquery/jquery-1。12 .4 .量滴js type= text/JavaScript charset= utf-8 /script-
脚本src= https://cdn。bootcss。com/jquery/1。12 .4/jquery。量滴js /脚本
！-script src= js/jquery。验证引擎。量滴js type= text/JavaScript charset= utf-8 /script-
脚本src= https://cdn。bootcss。com/jQuery-验证-引擎/2。6 .4/jQuery。验证引擎。量滴js /脚本
！-script src= js/jquery。验证引擎。量滴js type= text/JavaScript charset= utf-8 /script-
脚本src= https://cdn。bootcss。com/jQuery-验证-引擎/2。6 .4/语言/jQuery。验证引擎。量滴js /脚本
脚本类型=文本/javascript
jQuery(文档)。ready(function() {
jQuery(#form ).验证引擎({
卷轴：假的，
提示位置："中间偏右",
maxErrorsPerField: 1，
showOneMessage:真的，
addPromptClass: former error-no arrow former error-text
});
});
/脚本
/body
/html
以上是边肖介绍的validationEngine表单验证插件的示例代码。希望对你有帮助。如果您有任何问题，请给我留言，边肖将及时回复您。非常感谢您对我们网站的支持！
