本文通过实例代码给大家介绍了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表单验证插件的示例代码。希望对你有帮助。如果您有任何问题，请给我留言，边肖将及时回复您。非常感谢您对我们网站的支持！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。