2012-07-08 114 views
3

即時嘗試添加一個類即時添加到輸入,如果所選值等於某個值。如果字段等於某個值,jquery添加到字段

$("#schedule_event").chosen().change(function() { 
     $('#1').slideUp(); 
     $('#2').slideUp(); 
     $('#3').slideUp(); 
     $('#' + $(this).val()).slideDown(); 
     if($(this).val == 1) { 
      $("#schedule_opponent_id").addClass("required"); 
     } 

,或者如果有確認此通過RoR的驗證將是巨大的 感謝

回答

4

你有正確的方法,但val是方法不是屬性(所以你需要添加()調用的方法它)。如果您的標準未得到滿足,您應該也可以刪除該課程。這樣,如果字段更改爲1以外的值,#schedule_opponent_id字段將不再具有required類。

$("#schedule_event").chosen().change(function() { 
    $('#1').slideUp(); 
    $('#2').slideUp(); 
    $('#3').slideUp(); 
    $('#' + $(this).val()).slideDown(); 
    if($(this).val() == 1) { 
     $("#schedule_opponent_id").addClass("required"); 
    } else { 
     $("#schedule_opponent_id").removeClass("required"); 
    } 
+0

和IM做幻燈片的最好方法向上/向下,似乎有點劈死我 – 2012-07-08 11:16:37

+0

是工作,但香港專業教育學院剛剛意識到提交它不停止我的表格形式,所以我可能需要驗證在服務器端而不是客戶端 – 2012-07-08 11:19:51

+0

@ Paul'Whippet'McGuane無論您是否在客戶端進行服務器端驗證,您都應該進行服務器端驗證。如果您想停止提交表單,則可以將「onsubmit」事件附加到有問題的表單,如果您想阻止提交,則返回false。 ''('form')。on('submit',function(){return true/false;});' – 2012-07-08 17:45:58