2013-02-20 5 views
0

약 20 페이지의 양식이 있으며 모든 페이지의 모든 입력을 대문자로 변환해야합니다. 모든 페이지의 각 입력에 대해 개별적으로 작업하지 않고도 모든 페이지에 복사/붙여 넣기가 가능한 JavaScript 함수를 작성하는 것이 가능한지 궁금합니다.양식을 대문자로 변환하는 JavaScript 함수

아마도 getElementsByTagName() 및 addEventLister() 및 toUpperCase()를 사용했을 수 있습니다.

이 작품이 마음에 드시나요?

추신. CSS를 사용하면 브라우저가 정보를 다시 서버에 전송할 때까지만 작동하므로 그만한 것입니다. 당신이 정말이를 재고해야하지만

var inputElements = document.querySelectorAll('input, select, textarea'); 

for (var i = 0, l = inputElements.length; i < l; i++) { 
    if (inputElements[i].tagName == 'SELECT') { 
     inputElements[i].options[inputElements[i].selectedIndex].value = inputElements[i].options[inputElements[i].selectedIndex].value.toUpperCase(); 
    } else { 
     inputElements[i].value = inputElements[i].value.toUpperCase(); 
    } 
} 

그냥 그것을 서버 쪽을이 같은

+2

당신 수 ...하지만 데이터가 서버 측에 도달 할 때 그것을 더 나을 거 같은데. – Quentin

+0

@Quentin 네, 그렇 겠지만, 심미적으로 기분 좋지는 않습니다. 내가 PHP를 사용할 수 있다면, 나는하지 않을 것입니다. –

+1

미학에 CSS를 적용하십시오. 대문자 데이터를 원하면 클라이언트에 의존하여 데이터를 제공 할 수 없습니다. – Quentin

답변

1

뭔가 당신이 시작할 수 있어야합니다.

데모 : http://jsfiddle.net/ZgrqA/

+0

멋진 감사! 나는 querySelectorAll()에 대해 몰랐다. –

관련 문제