[TUT]Kiểm tra tên khi đăng kí cho PunBB

Demo:
Bước 1
ACP > Modules > HTML & JAVASCRIPT > Javascript codes management > Change a Javascript Code:

Code:

$(function(){if(window.location.href.match(/register\?agreed=true&step=2/)&&$('#username_reg').length){function verifyRU(){$('#username_reg').attr('value',$('#username_reg').attr('value').trim().replace(/(\s)\s+/g,'$1'));if($('#username_reg').attr('value')=='')$('#username_reg').removeClass('available').removeClass('not-available'),$('.available-username, .not-available-username').remove();else $.get('/search?mode=searchuser&fieldname=username&search_username='+encodeURIComponent($('#username_reg').attr('value'))+'&time='+Math.floor((new Date()).getTime()/1000),function(data){($(data).find('#username_list').length==1&&$(data).find('#username_list option').length==1&&$(data).find('#username_list option').attr('value')!='')?$('#username_reg').removeClass('available').addClass('not-available').after('<div id="cont_pwd" class="not-available-username"><div id="username_bad" class="pwd_img"> Tên đã được dùng</div></div>'):$('#username_reg').removeClass('not-available').addClass('available').after('<div id="cont_pwd" class="available-username"><div id="username_good" class="pwd_img"> Có thể dùng tên này</div></div>');var Copyrights='Modifications made by giObanii - toxigeek.com';$("#username_reg.not-available").each(function(){$('.available-username, .not-available-username:nth-child(3)').remove();$('.not-available-username, #username_bad').css('display','block')});$("#username_reg.available").each(function(){$('.not-available-username, .available-username:nth-child(3)').remove();$('.available-username, #username_good').css('display','block')})})};$('#username_reg').change(function(){verifyRU()});if(typeof facebook_register_login=='function'){var old_frl=facebook_register_login;facebook_register_login=function(){old_frl();verifyRU()}}verifyRU()}});

Bước 2:
ACP > Display > Pictures and Colors > CSS Stylesheet:

Code:

/* Kiểm tra tên khi đăng kí - damme.fourumvi.com */
#username_reg{float:left}
#username_reg.not-available{color:#a90c0c}
#username_reg.available{color:#2f9122}
.not-available-username,.available-username{display:none}
#username_bad{background:url(http://2img.net/i/fa/p_strength/pwd_bad.png) repeat scroll 0 0 transparent}
#username_good{background:url(http://2img.net/i/fa/p_strength/pwd_good.png) repeat scroll 0 0 transparent}


•Vui lòng không sao chép bài này đi đâu dưới mọi hình thức
•Nếu copy phải ghi nguồn.
Xong!