validationEngine 表单验证插件使用实例代码

2020-05-18 09:01:06易采站长站整理

<div class='line'>
限制最小字符数
</div>
<input value="" class="validate[required,minSize[6]]" type="text" name="minsize">
<div class='line'>
限制最大字符数
</div>
<input value="0123456789" class="validate[optional,maxSize[6]]" type="text" name="maxsize">
<div class='line'>
输入整数(必须大于或等于 -5)
</div>
<input value="-7" class="validate[required,custom[integer],min[-5]]" type="text" name="min">
<div class='line'>
输入整数(必须小于或等于 50):
</div>
<input value="55" class="validate[required,custom[integer],max[50]]" type="text" name="max">
</form>
<!--<script src="../jquery/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>-->
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<!--<script src="js/jquery.validationEngine.min.js" type="text/javascript" charset="utf-8"></script>-->
<script src="https://cdn.bootcss.com/jQuery-Validation-Engine/2.6.4/jquery.validationEngine.min.js"></script>
<!--<script src="js/jquery.validationEngine-zh_CN.min.js" type="text/javascript" charset="utf-8"></script>-->
<script src="https://cdn.bootcss.com/jQuery-Validation-Engine/2.6.4/languages/jquery.validationEngine-zh_CN.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#form').validationEngine({
scroll: false,
promptPosition: 'centerRight',
maxErrorsPerField: 1,
showOneMessage: true,
addPromptClass: 'formError-noArrow formError-text'
});
});
</script>
</body>
</html>

以上所述是小编给大家介绍的validationEngine 表单验证插件使用实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持!