Archives for 6月 2015 | 前端道场

IP地址输入框（监听输入框的值改变事件以及限制输入）

用onkeydown限制字符输入，oninput与onpropertychange监听输入框的值改变事件。演示地址：Ip-InputGit@OSC：Ip-Input

1、限制用户的键盘输入，只允许输入数字以及退格等操作，使用onkeydown事件，监听键盘按键代码，如果不是我们允许的输入，则禁止输入。

$(document).on("keydown", ".ip", function(event) {
    /*禁止非法字符的输入*/
    var k = event.which;
    if ((k &gt;= 48 &amp;&amp; k &lt;= 57) || (k &gt;= 96 &amp;&amp; k &lt;= 105) || k === 8 || k === 9 || k === 37 || k === 39 || k === 17 || k === 86) { if (this.value.length &gt; 2) {
            /*限制输入长度*/
            return k === 8 || k === 9 || k === 37 || k === 39;
        }
    } else {
        return false;
    }
})

$(document).on("keydown", ".ip", function(event) {

/*禁止非法字符的输入*/

var k = event.which;

if ((k >= 48 && k <= 57) || (k >= 96 && k <= 105) || k === 8 || k === 9 || k === 37 || k === 39 || k === 17 || k === 86) { if (this.value.length > 2) {

/*限制输入长度*/

return k === 8 || k === 9 || k === 37 || k === 39;

}

} else {

return false;

}

})

查看全文

ZendFramework 中的模板( Layout )嵌套

在ZF中有一个主 layout，但有时候我们需要在其中嵌套自定义子模板，比如每个页面都不同的侧边菜单(sidebar)，这时需要嵌套模板，官方文档地址。

1、新建一个模板文件，与主 layout 在同一个文件夹，取名为 siderbar：

sdiebar.phtml 文件代码：

<?php
    if(isset($this->pageName)){
        echo "<h3>".$this->pageName."</h3>";
    }
?>

<?php

if(isset($this->pageName)){

echo "<h3>".$this->pageName."</h3>";

}

查看全文

七牛云存储优化网站以及实现 wordpress 相册图片外链

利用七牛云存储的镜像存储功能，将服务器的 css，js，img 等静态文件备份到七牛镜像源，访问时优先使用镜像源地址，从而实现 CDN 加速。

一、七牛云存储的设置

1、前提我们已经有七牛的账号，点击创建空间，假设空间名为“cnd-test”；

查看全文