0

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

警报结果是alert alert-error。

我应该如何解决？提前谢谢。

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;    
}
4

1 回答 1

2

我认为应该是：

 helpText.className = 'alert alert-error';

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

于 2013-04-27T18:52:36.473 回答