先给大家看看效果图。如果觉得不错，请参考实现代码：

废话少说，直接编码，直接复制运行：

！DOCTYPE html html lang=' zh ' head meta charset=' UTF-8 '/meta name=' viewport ' content=' width=device-width，initial-scale=1.0 '/meta http-equiv=' X-UA-Compatible ' content=' ie=edge '/title validation engine插件/title！- link rel='样式表'类型=' text/CSS ' href=' CSS/验证引擎。jQuery。CSS ' rel='外部无跟随'/-link href=' https://cdn。bootscs。com/jQuery-验证-引擎/2。6 .4/验证引擎。jQuery。CSS“rel=”外部no跟随“rel=”样式表'样式类型=' text/CSS ' * { padd 3360；保证金： 0；} # form { padding-left : 20px；} #表单。行{ padd : 10px 0；边距： 10px 0；边框-top: 1px虚线# 0044 cc }/style/head body form action=' method=' post ' id=' form ' div class=' line '必填项-输入框/div输入值=' class=' validate[required]' type=' text ' name=' req ' div class=' line '必填项-复选框/div input class=' validate[required]' type=' checkbox ' name=' agree '我同意服务协议div class='line' url验证/div输入值=' http://' class=' validate[必需，自定义[URL]]'类型='文本'名称=' URL ' div类=' '行'电子邮件验证/div输入值=' forced _ error ' class=' validate[必需，自定义[email]]type=' text ' name=' email ' div class=' line ' IP地址(v4) /div输入值='192.168.3 'class=' validate[必选，自定义[IP v4]]'类型='文本'名称=' IP ' div类='行'数值/div输入值='-33.87 a ' class=' validate[必选，自定义[number]]' type=' text ' name=' number ' div class=' line '整数/div输入值=' 10.1 ' class=' validate[必选，自定义[integer]]' type=' text ' name=' integer ' div class=' line '相等运算/div输入值=' kar nius ' class=' validate[required]' type=' password ' name=' password ' id=' password '输入值=' kaniusBAD ' class=' validate[必选，等于[password]]' type=' password ' name=' password 2 ' id=' password 2 ' div class=' line '限制最小字符数/div输入值=' class=' validate[必选，MinSize[6]]' type=' text ' name=' MinSize ' div class=' line '限制最大字符数/div输入值=' 0123456789 ' class=' validate[可选，MaxSize[6]]' type=' text ' name=' MaxSize ' div class='行'输入整数（必须大于或等于-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 '/form！ -脚本src='http:/jquery/jquery-1。12 .4 .量滴js ' type=' text/JAVAScript ' charset=' utf-8 '/script-script src=' http :3359 cdn。bootscs。com/jquery/1。12 .4/jquery。量滴js '/脚本！-script src=' http : js/jQuery。验证引擎。量滴js ' type=' text/JAVAScript ' charset=' utf-8 '/script-script src=' http :https://cdn。bootscs。com/jQuery-验证-引擎/2。6 .4/jQuery。验证引擎。量滴js '/脚本！-脚本src=' http : js/jQuery。验证引擎。量滴js ' type=' text/JAVAScript ' charset=' utf-8 '/脚本-脚本src=' http :3359 cdn。bootscs。com/jQuery-验证-引擎/2。6 .4/languages/jQuery。验证引擎。量滴js /脚本脚本类型='text/javascript' jQuery(文档ready(function() { jQuery('#form ')).验证引擎({ scroll : false，promptpposition : '右中'，maxErrorsPerField: 1，showOneMessage: true，addpromptptclass : '前一个错误-无错误前一个错误-text ' })；});/脚本/正文/html以上所述是小编给大家介绍的验证引擎表单验证插件使用实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。

非常感谢您对我们网站的支持！