jquery 슬라이더에서 유효성 검사

Question

양식에 다른 입력과 함께 여러 슬라이더가 있습니다.

다른 모든 입력은 찾을 유효성을 검사하지만, 가진 문제 JQuery와 슬라이더를

코드를 확인하는 슬라이더 추가

여기

$(".jSlider").each(function(){ 
    var id = $(this).attr("id"); 
    var sliderID = id + "_slider"; 
    var newSlider = '<div style="padding-top:30px;padding-right:10px;background: #fff url(/images/scrollerBg.png) no-repeat;" id="sliderContainer" ><div style="background: #555" id="slider"></div></div><br />'; 
    $(this).append(newSlider); 
    $(this).closest('fieldset').find('input:text').css("display", "none"); 
    $("#slider", this).slider({ 
     value:0, 
     min: 0, 
     max: 10, 
     orientation: "horizontal", 
     range: "min", 
     step: 1, 
     animate: true, 
     change: function(event, ui) { 
      $(this).closest('fieldset').find('input:text').val(ui.value); 
       // was adding error manually cause of background image being used 
      $(this).closest('fieldset').find('div.jSliderError').slideUp('fast', function(){ 
       $(this).remove(); 
      }); 
      } 

    }); 

    }); 

는

<fieldset class="q_default required jSlider fixFirefox" id="q_423" name="8) On a scale of 0 to 10 how did you like it?"><legend><span>8) On a scale of 0 to 10 how did you like it?</span></legend><ol><span class='help'></span> 
    <input id="r_8_question_id" name="r[8][question_id]" type="hidden" value="423" /> 


    <input class="" id="r_8_answer_id" name="r[8][answer_id]" type="hidden" value="8782" /> 
    <li class="string optional" id="r_8_string_value_input"><input id="r_8_string_value" maxlength="255" name="r[8][string_value]" type="text" /></li> 
    </ol></fieldset> 

Answer 1

두 가지 생성 얻을 필드 셋 중 하나입니다 I 통지 :

1 : $("#slider", this).slider({.. 안에 $.each()이 있으면 각 반복마다 #slider에서 매개 변수를 덮어 쓸 수 있음을 의미합니다.

2 : $(this).closest('fieldset').find('input:text').val(ui.value);은 change: function(){} 안에 있으며, 특히 #select를 찾고 두 개 이상인 경우 올바르게 통과 할 수 없습니다.