I'm twiting

访问统计

free counters

使用jquery validation做表单异步验证

笔者在公司项目中需要对服务器的资产编号做惟一验证。也就是用户在提交表单的时候验证该服务器的资产编号是不是已经存在。如果不存在,则允许提交。如果已经存在,则还要判断该资产标号是不是属于本服务器,如果属于本服务器,则允许提交,否则拒绝提交。

一、准备

下载 jquery,和 jquery validation 插件

下载后jquery改名为jquery.js

然后解压jquery validation,得到jquery-validate目录,将目录下的jquery.validate.pack.js拷贝到和jquery.js同一目录下。笔者的这里假设目录为/var/www/test/webroot/js

二、制作

把目录文件放到一起后我们可以开始制作了。

首先在需要作验证的页面加载这两个js文件。假设/var/www/test/webroot是网站根目录

<script src="/js/jquery.js" type="text/javascript"></script> <script src="/js/jquery.validate.pack.js" type="text/javascript"></script>

加载之后我们就可以调用它们的方法了。

三、总结

其实整个过程是很简单的。无非就是当用户输入的内容”change“的时候。我们就向服务器端请求一次,看看新的value是不是可用。然后再根据这一点我们再通过视图(这里就是页面)提示用户当前值是否可用。如果这个值是不合法的,那我们不允许表单提交。e8a1a8e58d95e5bc82e6ada5e9aa8ce8af81e980bbe8be91

1 comment to 使用jquery validation做表单异步验证

Leave a Reply

 

 

 

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>