2013-04-27 1 views
0

트위터 부트 스트랩을 사용하여 유효성 검사 양식을 작성하고 오류가 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;  
} 
+0

부트 스트랩에 jQuery가 필요하지 않습니까? 이런 종류의 일에 왜 사용하지 않니? – Ian

+2

은 helpText.className (대문자 N)이 아니어야합니까? –

+0

나는 jquery를 배웠다. 나는 그것을 사용하기 위해 이미 자바 스크립트를 배웠다. –

답변

2

나는 그것을해야한다고 생각 :

helpText.className = 'alert alert-error'; 

className가 얻을 수있는 속성 설정/DOM 요소의 클래스가 아닌 classname입니다 .

관련 문제