값을 변경하지 않고 입력 필드의 값을 다르게 표시 하시겠습니까?

Question

달러 값을받는 입력 필드가있는 응용 프로그램이 있습니다. 이 달러 값이 표시되는 방식을 변경하여 사용자가 5550을 입력하면 5,550.00 달러와 같이 $와 쉼표로 숫자가 포맷되도록 변경해야합니다.이 작업을 수행하는 방법을 찾았지만 이렇게하면 모든 지옥이 발생합니다. 이 필드의 값을 사용하는 코드에서 느슨해집니다. 5550 대신 $ 5,550.00이 주어지면 깨지는 데이터베이스 업데이트를 포함하여 많은 작업을 수행합니다.

기본 코드가 TONE이고 권한이 없습니다. 모두 고쳐주세요. 이 값을 사용자에게 5,550.00 달러로 표시하는 방법을 알아야하지만 기본 값은 5550으로 유지해야합니다.

제안 사항이 있으십니까?

Answer 1

2 개의 텍스트 입력을 사용하십시오. 사용자가 보는 "façade"와 양식이있는 서버에 실제로 제출 된 "real". 사용자가 보이는 입력에 텍스트를 입력하면 JavaScript를 사용하여 "실제"(숨겨진) 입력에 원하는 값을 설정할 수 있습니다. 이는 표시된 값과 표시된 값을 효과적으로 분리합니다. 프런트 엔드 번호 형식을 지정하려면 jQuery Masked Input과 같은 플러그인을 사용할 수도 있습니다.

브라우저에서 JS가 활성화 된 경우에만이 옵션을 적용하십시오. 그렇지 않으면 JS가 비활성화 된 상태에서 양식이 분리됩니다.

Answer 2

만약 당신이 HTML 양식에 대해 이야기하고 있다면, 나는 javascript를 사용하여 양식을 제출할 것입니다.

양식을 제출하기 전에 값을 포맷되지 않은 상태로 되돌릴 수 있습니다.