jquery 모바일 슬라이더를 사용하고 있습니다. 컨트롤의 텍스트 부분에 입력 된 값이 최소 및 최대 값 범위를 벗어나는 경우 문제가 발생합니다. 나는 정했다. 컨트롤이 포커스를 잃을 때 값은 최소 또는 최대 값 중 잘못된 값으로 더 가까운 값으로 재설정됩니다.jQuery 모바일 슬라이더 값을 최소 또는 최대로 재설정
내가 가진 문제는 사용자가 잘못된 값을 입력 한 다음 양식 제출 버튼을 클릭하고 입력 한 값이 저장되었다고 생각하는 것입니다. 그러나 제출 단추를 클릭 할 때 포커스가 사라지 자마자 슬라이더가 min 또는 max 값을 다시 설정하기 때문에 사용자가 입력 한 값이 아니라 실제로 저장된 값입니다.
이러한 상황이 발생하면 사용자에게 잘못된 값을 입력했음을 알리는 메시지를 팝업하고 싶습니다. 누구든지 이것을 달성하는 방법에 대한 제안이 있습니까? 슬라이더의 .change 이벤트에서 값을 테스트하는 것은 새로 재설정 된 값을 반환하기 때문에 좋지 않습니다.
도움을 주시면 감사하겠습니다.
샘플 코드, 요청에 따라 :
<script type="text/javascript">
$("#Answer").change(function() {
alert($("#Answer").val()); // this value is already the adjusted value, rather than the user entered value
});
</script>
<label for="Answer" class="ui-input-text"><%=question.Prompt%></label>
<br />
<span id="sliderspan">
<input style="min-width: 3em;" type="range" name="Answer" id="Answer" value="<%=this.Value%>" min="<%=question.MinimumValue %>" max="<%=question.MaximumValue %>" step="0.1" />
<span>°<%=question.Units.ToString()%></span>
</span>
질문을 편집하고 예제 코드를 추가하십시오. –