在jQuery的表变验证插件中jQuery-Validation-Engine是一款高质量的产品,提示效果非常精美,而且里面包含了AJAX验证功能,见下图:
当然,这个插件是jQuery的第三方插件,所以先要应用jquery的核心库,
1.引入jquery和插件js、css文件
<link href="Scripts/Validation-Engine/css/validationEngine.jquery.css" rel="stylesheet" type="text/css" />
<script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
<script src="Scripts/Validation-Engine/js/jquery.validationEngine.js" type="text/javascript"></script>
<script src="Scripts/Validation-Engine/js/languages/jquery.validationEngine-zh_CN.js" type="text/javascript"></script>
2.初始化插件,在页面head区域加入如下代码:
$(document).ready(function() { $("#formID").validationEngine() ; // })
3.添加表单元素验证规则,常用的验证规则上面官方地址有说明,还可以百度一下,这个不是难点。
<input id="Text3" type="text" class="validate[required,ajax[ajaxUsers]]" />
多个验证多逗号隔开
另外附上jQuery-Validation-Engine的下载,主要用到:
jquery.validationEngine.js、jquery.validationEngine-zh_CN.js、validationEngine.jquery.css
转载于:https://blog.51cto.com/dslzc921029/1641629