테스트 사이트 - 개발 중인 베타 버전입니다

제이쿼리 자동입력에 관해서....2 채택완료

sinbi 8년 전 조회 2,440

A필드 (wr_1)

B필드 (wr_2)

C필드 (wr_3)    X      1000    =    D필드 (wr_4)

A와 B를 곱해서 C필드에 넣은 후, C필드 값에 1000을 곱해서 D필드에 넣는 구조인데,

사용자가 임의로 C필드 값을 임의로 변경 못 하게 하려면 어떻게 처리를 하는지?

혹, 참고할만한 함수나 속성 있을까요?  

현재, C필드 값은 슈와이 님께서 알려주신 방법을 이용해 계산해 넣고 있습니다.

https://sir.kr/qa/204273">https://sir.kr/qa/204273 

댓글을 작성하려면 로그인이 필요합니다.

답변 5개

채택된 답변
+20 포인트
플래토
8년 전

</p><p><input type="text" name="wr_3" id="wr_3" readonly value="<?php echo $wr_3?>" /></p><p>

으로 하시거나

</p><p><span style="font-size: 14.6667px;"><input type="hidden" name="wr_3" id="wr_3"value="<?php echo $wr_3?>" /></span> </p><p><span style="font-size: 14.6667px;">

으로 하시거나

</p><p style="font-size: 14.6667px;"><span style="font-size: 14.6667px;"><span id="wr3"><?php echo $wr_3?></span></span> </p><p style="font-size: 14.6667px;"><span style="font-size: 14.6667px;"><input type="hidden" name="wr_3" id="wr_3"value="<?php echo $wr_3?>" /></span> </p><p style="font-size: 14.6667px;"><span style="font-size: 14.6667px;">
</span></p><p style="font-size: 14.6667px;"><span style="font-size: 14.6667px;">...</span></p><p style="font-size: 14.6667px;"><span style="font-size: 14.6667px;"><script></span></p><p style="word-break: break-all; color: rgb(80, 80, 80); font-family: Arial, 돋움, Dotum; font-size: 14.004px;">$('#wr_1, #wr_2').on('change', function() {</p><p style="word-break: break-all; color: rgb(80, 80, 80); font-family: Arial, 돋움, Dotum; font-size: 14.004px;">    $('#wr_3').val( Number($('#wr_1').val()) * Number($('#wr_2').val()) )</p><p style="word-break: break-all; color: rgb(80, 80, 80); font-family: Arial, 돋움, Dotum; font-size: 14.004px;">    $('#wr3').text($('#wr_3').val());   // 이걸 추가해 놓으면 입력폼이 아니라서 무난하실겁니다.</p><p style="word-break: break-all; color: rgb(80, 80, 80); font-family: Arial, 돋움, Dotum; font-size: 14.004px;">});</p><p style="font-size: 14.6667px;"><span style="font-size: 14.6667px;"></script></span></p><p style="font-size: 14.6667px;"><span style="font-size: 14.6667px;">

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

s
sinbi
8년 전
아직 적용해보진 않았지만 잘 될 것 같네요. ^^
감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
8년 전

관심 갖고 답변해주신 분들 모두 감사합니다.

좋은 하루 되세요 !!

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
8년 전

A필드 (wr_1)  = 시작날짜: 2017-09-15 

B필드 (wr_2) = 마감날짜: 2017-09-30   

C필드 (wr_3  예: 기간 = 15일)    X      1000    =    D필드 (wr_4  예: 15000  =  15 X 1000) 

예를 들어, 글쓰기 모드에서, A,B 필드를 각각 datepicker 이용해 날짜를 입력받아요.

그 날짜간 차이를 자동으로 계산해  C필드 (wr_3)  넣는 방식이거든요.

그런데, 글쓴이가 쓰기모드에서 C필드 값을 임의로 변경하면 안 되는거라... ^^

그래서, C필드 값을 글쓰기 모드에서 무조건 자동 계산값만 입력되게 하려고 하는 겁니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

8년 전

고민하시는 부분은 단지 뷰(view) 에 불과한 부분 같습니다.

우선은

wr_1, wr_2 가 폼 전송이 되어 서버단으로 넘어갔을 때 

wr_1, wr_2 에 대한 숫자 검증처리 및 나머지 연산이 올바로 되도록 

하는것이 먼저일것 같고

뷰단은

input readonly 이던지, span 이던지

구현하기 나름인것 같습니다.

어차피 클라이언트 사이드에서는 값 조작이 얼마든지 가능하니까요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

8년 전

readonly를 붙여주면 되지 않을까요?

인풋에서 입력을 못하게 하는거면 그런식으로 하시면 될거 같고 아니면은 

최종 점검할때 C필드가 A와B의 곱의 값이 맞는지 확인 하시면 될거 같습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인