Archives by Tag 'Ajax'
javascript 项目实践经验总结（本文长期更新）
ie6下select的显示层级是最高的，即使div的z-index比它高也无法挡住，解决的方法是用透明的iframe去挡select，然后div挡iframe，间接的把select挡住。要点：1、iframe的z-index必须比div小。2、在写html时iframe必须和div并排，而不能是包含关系。ps. 建议写弹窗的js时就把加iframe的代码写进去，便于复用。 圆角图片：gif不支持半透明效果，而圆角边线是需要半透明的，所以gif做的圆角有毛边。png支持半透明效果，但是ie6不支持png。我的解决方法是用css3的border-radius，例如firefox就是-moz-border-radius，chrome就是-webkit-border-radius。ie6下直接忽略，不使用圆角。。。
使用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是不是可用。然后再根据这一点我们再通过视图（这里就是页面）提示用户当前值是否可用。如果这个值是不合法的，那我们不允许表单提交。