Archives by Tag 'jquery'
使用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是不是可用。然后再根据这一点我们再通过视图（这里就是页面）提示用户当前值是否可用。如果这个值是不合法的，那我们不允许表单提交。
JQuery 动作绑定
假设页面有一段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() {});这种方式要更简洁一些。