2012-07-08 112 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