2016-12-15 58 views
-1

enter image description here 我的代码写在下面。从年龄组年龄必须等于或小于年龄,请帮助最大年龄必须大于最小年龄通过使用jquery

<select name="age_from" class="form-control"> 
    <option value="18" 
     @if(old('age_from')) 
      {{ old('age_from') }} 
     @else 
      18 
     @endif 
    > 
     @if(old('age_from')) 
      {{ old('age_from') }} 
     @else 18 @endif 
    </option> 
     @for($i=19;$i<=65;$i++) 

      <option>{{$i}}</option> 
     @endfor 
</select> 


<select name="age_to" class="form-control"> 
    @for($i=18;$i<65;$i++) 
     <option>{{$i}}</option> 
    @endfor 
     <option selected> 
      @if(old('age_to')) 
       {{ old('age_to') }} 
      @else 
       65+ 
      @endif 
     </option> 
</select> 
+3

标题说的jQuery,标签上是PHP,代码看起来都不是。这是什么呢? – Biffen

+0

清楚地重新定义你的问题,并提供更多的背景这一点。 –

+0

我在PHP幼虫。想这样做是为了使用jquery用于验证年龄。 –

回答

2

$(文件)。就绪(函数(){$ ( “AGE_TO”)。变化(函数(){

 var age_from =$('.age_from').val(); 
     var age_to =$('.age_to').val(); 
    if(age_from > age_to){ 
     $('.age_to').css('border-color', 'red'); 
     $('.age_warrning').show(); 
    }else{ 
     $('.age_to').css('border-color', ''); 
     $('.age_warrning').hide(); 
     } 
     }); 
$(".age_from").change(function(){ 

    var age_from =$('.age_from').val(); 
     var age_to =$('.age_to').val(); 
    if(age_from > age_to){ 
     $('.age_to').css('border-color', 'red'); 
     $('.age_warrning').show(); 
    }else{ 
     $('.age_to').css('border-color', ''); 
     $('.age_warrning').hide(); 
     } 
     }); 
    });