Question

我使用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;    
}

Answer 1

我认为应该是：

 helpText.className = 'alert alert-error';

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

更改类名但不反映结果

1 个答案: