다이내믹하게 js를 사용하여 텍스트 박스의 크기를 설정

최대 크기가 3 인 html로 텍스트 상자를 정의해야합니다.
이제 -100으로 줄이는 경우이 4 글자이지만 100을 입력 할 수있게해야합니다. -100. size = "3"을 정의하면 -100을 허용하지 않습니다. 따라서 텍스트 상자의 크기를 동적으로 정의 할 수 있는지 알고 싶습니다. "-"기호를 입력하면 크기가 4로 증가하고 그렇지 않으면 3이됩니다.다이내믹하게 js를 사용하여 텍스트 박스의 크기를 설정

js를 사용하여 이것을 수행 할 수 있습니까?

출처

2011-08-29 Arvind Thakur

. 이것은 실제로 도움이되지 않습니다 (예를 들어 사람들은 키보드에 문제가 있다고 생각할 수 있습니다). "-100에서 100 사이의 값이어야합니다"라는 필드 위 또는 아래에 나타나는 빨간색 레이블을 추가하면 사용자 경험을 향상시키는 데 도움이되는 좋은 아이디어입니다. 내 타이핑을 막는 대신 내 양식을 싫어하게 만들 것입니다. 좋은 첫인상을 줄 기회가 한 번 뿐이며, 정말로해야하지 않는 한 사용자를 괴롭히지 마십시오. – 6502

미안하지만 ,,,, 나는 당신의 suggsetions –

전화 텍스트 상자

function check(e){ 

    var unicode=e.charCode? e.charCode : e.keyCode 

    if(if unicode==109){ 
    //increase the size of text box to 4; 
    } 

}

출처

2011-08-29 10:21:51

을 얻었지만 어떻게 사이즈 = 4로 설정합니까? –

'e.target.setAttribute ("size", "4"); – ComFreek

당신은를 keyDown 이벤트에 정규 표현식을 사용할 수의 키 다운 이벤트에이 기능 : 정규 표현식이 일치하지 않는 경우, 함수는 FALSE를 반환합니다.

가능한 정규 표현식 : 나는 필드에 입력을 구속 피할 수 좋을 것 주석으로

^[-]{0,1}\d{0,3}$

출처

2011-08-29 10:29:54 ComFreek

일 수도 있지만 크기를 어떻게 감지할까요? –

실제로 나는 최대 사용자 수를 -999로 제한하고 싶습니다. 또는 최대 입력 수는 999입니다. –

-100 또는 100 –

다이내믹하게 js를 사용하여 텍스트 박스의 크기를 설정

답변

관련 문제