Symphony 一个人不能没有长进

笔者在公司项目中需要对服务器的资产编号做惟一验证。也就是用户在提交表单的时候验证该服务器的资产编号是不是已经存在。如果不存在，则允许提交。如果已经存在，则还要判断该资产标号是不是属于本服务器，如果属于本服务器，则允许提交，否则拒绝提交。
一、准备
下载 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是不是可用。然后再根据这一点我们再通过视图（这里就是页面）提示用户当前值是否可用。如果这个值是不合法的，那我们不允许表单提交。

假设页面有一段html需要做点击事件：
<span id=”id”>XXX</span>
我们当然可以使用 onclick=”” 方法，当这种方法不符合“结构与逻辑分离”的开发规范。
我们依然采用上面的结构，并对该对象做事件绑定。代码：

$(”#id”).click(function() {
alert(”You clicked #id”);
});

这里首先获取该对象，并且定义该对象的触发点击时的行为。想要修改点击行为，只需要修改 function() { alert(”You clicked #id”); } 这一部分。
这种方法看起来更麻烦，实际上更好的实现了“逻辑与结构分离”的思想，我们可以分开存放js和html，在开发中使程序员和美工更好的协作。
BTW. 以上代码必需放到jQuery(document).ready()中。jquery还有一种jQuery(document).ready()的替代方案：
$(function() {});这种方式要更简洁一些。

jQuery 是什么？
Query
是一个Javascrīpt 库，它有助于简化 Javascrīpt™ 以及 Asynchronous Javascrīpt + XML (Ajax) 编程。与类似的 Javascrīpt 库不同，jQuery 具有独特的基本原理，可以简洁地表示常见的复杂代码。学习 jQuery
基本原理，探索其特性和功能，执行一些常见的 Ajax 任务并掌握如何使用插件扩展 jQuery。jQuery 由 John Resig 创建于 2006 年初，对于任何使用 Javascrīpt 代码的程序员来说，它是一个非常有用的
Javascrīpt 库。无论您是刚刚接触 Javascrīpt 语言，并且希望获得一个能解决文档对象模型（Document Object
Model，DOM）脚本和 Ajax 开发中一些复杂问题的库，还是作为一个厌倦了 DOM 脚本和 Ajax 开发中无聊的重复工作的资深
Javascrīpt 专家，jQuery 都会是您的首选。
毫无疑问，jQuery 的原理是独一无二的：它的目的就是保证代码简洁并可重用。下面让我来学习jQuery把。一 、
简化javascrīpt代码

下面是一个简单示例，它说明了 jQuery 对代码的影响。要执行一些真正简单和常见的任务，比方说为页面的某一区域中的每个链接附加一个单击（click）事件，您可以使用纯 Javascrīpt 代码和 DOM 脚本来实现，如 清单 1 所示。
清单 1. 没有使用 jQuery [...]