HBCMS模板教程第五讲：登陆框（上）

核心提示：今天主要讲登陆框的制作，登陆框分为登陆前和登陆后两个版块，HBCMS模板教程第五讲：登陆框（上），在HBCMS中，用两个ID来区分登陆状态，可以到官方网站上找或者打开HBCMS自带的冰蓝简洁风格模板，找到有登录框和评论的首页的模板页，首先看看DEDECMS的模板代码，DEDECMS模板中用的是JS来判断

今天主要讲登陆框的制作，登陆框分为登陆前和登陆后两个版块。在HBCMS中，用两个ID来区分登陆状态。

首先看看DEDECMS的模板代码。DEDECMS模板中用的是JS来判断，在HBCMS中JS文件是写在模板中的，所以我们先删除模板文件中的JS调用，即删除<script language="JavaScript">CheckLogin();</script>这一行代码。并附带把把表格外的SPAN标记也删除，即<span id="_loginform"></span>。

现在就剩下登陆表格了，我们把HBCMS的登陆判断JS文件粘贴进来，放在登陆表格的上面。到哪里找这段JS呢。可以到官方网站上找或者打开HBCMS自带的冰蓝简洁风格模板，找到有登录框和评论的首页的模板页，点击修改。找到下面这段代码：

<SCRIPT type=text/javascript>//

function validate_login_form(frm) { var value = ''; var errFlag = new Array(); var _qfGroups = {}; _qfMsg = ''; value = frm.elements['login_name'].value; if (value == '' && !errFlag['login_name']) { errFlag['login_name'] = true; _qfMsg = _qfMsg + '\n - 登陆名: 必须填写'; } value = frm.elements['login_name'].value; if (value != '' && value.length < 2 && !errFlag['login_name']) { errFlag['login_name'] = true; _qfMsg = _qfMsg + '\n - 登陆名: 至少需要 2 个字母!'; } value = frm.elements['login_pass'].value; if (value == '' && !errFlag['login_pass']) { errFlag['login_pass'] = true; _qfMsg = _qfMsg + '\n - 登录密码: 必须填写'; } value = frm.elements['login_pass'].value; if (value != '' && value.length < 5 && !errFlag['login_pass']) { errFlag['login_pass'] = true; _qfMsg = _qfMsg + '\n - 登录密码: 至少需要 5 个字母!'; } if (_qfMsg != '') { _qfMsg = '\n=== 有如下错误需要修改 ===\n' + _qfMsg; _qfMsg = _qfMsg + '\n\n- 请修改上述错误后再重新提交'; alert(_qfMsg); return false; } return true;

}

function showHBcmsLoginName() {

if ( typeof(hbcms_GetCookie) == 'function' ) {

if( hbcms_GetCookie('HBcmsLoginName') != null ) {

document.getElementById('welcome_back').innerHTML = '您好 ' + hbcms_GetCookie('HBcmsLoginName') + '';

document.login_form.login_name.value = hbcms_GetCookie('HBcmsLoginName');

}

} else {

setTimeout("showHBcmsLoginName()",500);

}

}

setTimeout("showHBcmsLoginName()",1000);

if( document.cookie.indexOf('HBcmsLogin=') == -1 ){

login_tb_dis = 'block'; user_tb_dis = 'none';

} else {

login_tb_dis = 'none'; user_tb_dis = 'block';

}

document.write('#index_login_tb{displ'+'ay:'+login_tb_dis+';}#index_user_tb{di'+'splay:'+user_tb_dis+';}#index_user_tb td{text-align: center;height:30px;}');

//]]></SCRIPT>