更改类名但不反映结果

时间:2013-04-27 18:49:03

标签: javascript dom

我使用twitter bootstrap编写以下内容来进行表单验证,如果错误应该更改helptext并更改类名,但它似乎不会改变结果。(背景应该是红色的)。

警报结果为alert alert-error

我该如何解决? Thx提前。

HTML

<label>Account</label>
<input id="stdAccount" name="account" type="text" value="" class="input-xlarge" onblur="validateAccountAndID(this,document.getElementById('stdAccountHelp'));">     
<div class="" id="stdAccountHelp"></div>

JS

function validateAccountAndID (inputField, helpText) {
    if(!validateNonEmpty(inputField, helpText))return false;
    else {
        var regex = /^\d{1,10}$/;
        if(!regex.test(inputField.value)){
            helpText.classname = 'alert alert-error';
            helpText.innerHTML = "Only allow <= 10 numbers!";
            alert(helpText.classname);
            return false;
        }
    }
        helpText.classname = '';
        helpText.innerHTML = "";
        return true;    
}

1 个答案:

答案 0 :(得分:2)

我认为应该是:

 helpText.className = 'alert alert-error';

className是获取/设置dom元素类的属性,而不是classname