在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