One hundred fifteen: implement CMS systems Click to replace the CAPTCHA function

 

The verification code to render to the page

Access to, obviously, there is a label padding

Remove the padding inside

Plus a class

 

If you zoom in to see it, there are problems

 

Js implemented by clicking changeable graphics codes: generating a query string in the form of access codes graphical interface url, into the img tag, the tag detection img url changed automatically change request url

Js url of treatment

var param = {
    setParam: function (href, key, value) {
        // 重新加载整个页面
        var isReplaced = false;
        var urlArray = href.split('?');
        if (urlArray.length > 1) {
            var queryArray = urlArray[1].split('&');
            for (var i = 0; i < queryArray.length; i++) {
                var paramsArray = queryArray[i].split('=');
                if (paramsArray[0] == key) {
                    paramsArray[1] = value;
                    queryArray[i] = paramsArray.join('=');
                    isReplaced = true;
                    break;
                }
            }

            if (!isReplaced) {
                var params = {};
                params[key] = value;
                if (urlArray.length > 1) {
                    href = href + '&' + $.param(params);
                } else {
                    href = href + '?' + $.param(params);
                }
            } else {
                var params = queryArray.join('&');
                urlArray[1] = params;
                href = urlArray.join('?');
            }
        } else {
            var param = {};
            param[key] = value;
            if (urlArray.length > 1) {
                href = href + '&' + $.param(param);
            } else {
                href = href + '?' + $.param(param);
            }
        }
        return href;
    }
};

点击图片的js

$(function () {
    $('#captcha-img').click(function (event) {
        var self = $(this);
        var src = self.attr('src');
        console.log(src);
        var newscr = param.setParam(src, 'xx', Math.random());
        self.attr('src', newscr);
    });
});

在模板中引入js

前台

点击