使用jquery禁用按钮直到输入输入

时间:2017-05-31 18:46:46

标签: javascript jquery

我有点像jQuery noob,但我已经设法到达我需要去的地方吧。

因此,如果选择了最后两个选项中的一个,则从下拉列表中显示并输入字段,询问用户将服务评级为低的原因。这很好用。但是,如果显示这些字段,我需要这些字段。

请记住,有多个字段。



jQuery( document ).ready(function($) {
 
    $('.csv-four-wrap').hide();
    $('.csv-five-wrap').hide(); 
    
    
    
    
 $(function()
    {
      $('#ninja_forms_field_18').change(function()
      {
      console.log( $(this).attr('value') );
        if ( $(this).attr('value') == '5' || $(this).attr('value') == '4' || $(this).attr('value') == '3') {
           $('.csv-four-wrap').hide('fast');
        }
        if ( $(this).attr('value') == '2') {
           $('.csv-four-wrap').show('fast');
           $('.csv-four-wrap label').text('Please comment why we are below expectations');
        }  
        if ( $(this).attr('value') == '1') {
           $('.csv-four-wrap').show('fast');
           $('.csv-four-wrap label').text('Please comment why you are not satisfied');
        }   
      });
}); 
 $(function()
    {
      $('#ninja_forms_field_19').change(function()
      {
      console.log( $(this).attr('value') );
        if ( $(this).attr('value') == '5' || $(this).attr('value') == '4' || $(this).attr('value') == '3') {
           $('.csv-five-wrap').hide('fast');
        }
        if ( $(this).attr('value') == '2') {
           $('.csv-five-wrap').show('fast');
           $('.csv-five-wrap label').text('Please comment why we are below expectations');
        }  
        if ( $(this).attr('value') == '1') {
           $('.csv-five-wrap').show('fast');
           $('.csv-five-wrap label').text('Please comment why you are not satisfied');
        }   
      });
}); 


});




1 个答案:

答案 0 :(得分:0)

这样做:

$('.csv-four-wrap').find("input, select, textarea").each(function() {
  $(this).attr("required", "true");
}});

$('.csv-four-wrap').show('fast');之后

编辑:对“csv-five-wrap”

执行相同的操作