更改最小和最大累积量

时间:2018-08-27 19:33:22

标签: javascript jquery html validation input

我有网站共享计划并按计划存入最小和最大,当访客更改计划系统时会自动更改值,但不会更改最小和最大,因为我通过JavaScript设置了最小和手动混合

HTML

<div class="container-fluid  col-md-10">
    {!!Form::open()
    ->class('form-horizontal form-groups-bordered')
    ->id('plan-pay')
    ->method('POST')            
    ->action(guard_url('paynow'))!!}
    {{ csrf_field() }}
    <div class="row">
        <div class="col-sm-12">
            <div class="form-group">
                <label class="col-sm-6 control-label"><strong>Choose you Plan: </strong><span class="text-danger">*</span></label>
                <div class="col-sm-6">
                    {!! Form::select('plan_id')->value($pid)->options($plans)->label(false)!!}              
                </div>
            </div>                              
        </div>
        <div class="col-sm-12">
            <div class="form-group">
                <label class="col-sm-6 control-label"><strong>Enter Amount ({!!__('plan::plan.currency_simb')!!}): </strong><span class="text-danger">*</span></label>
                <div class="col-sm-6">
                    {!! Form::decimal('amount')
                    -> label(false)
                    -> required()
                    -> placeholder(trans('deposit::deposit.placeholder.amount'))!!}

                    <span id="amt_limit">
                    </span>
                </div>
            </div>                        
        </div>
        <input type="hidden" name="minamt" id="minamt" value="">
        <input type="hidden" name="maxamt" id="maxamt" value="">                        
    </div>
    </form>          
</div>

JavaScript

<script>
$('document').ready(function() {
  if ($('#plan_id').val() != '') {
    $.getJSON('{!! guard_url('
      getplan ') !!}/' + $('#plan_id').val(),
      function(v, s) {
        $('#amt_limit').text('{!!__('
          plan::plan.currency_simb ')!!}' + v.minin + ' - {!!__('
          plan::plan.currency_simb ')!!}' + v.maxin);
        $('#amount').val(v.minin);
        $('#minamt').val(v.minin);
        $('#maxamt').val(v.maxin);
      });
  }
  $('#plan_id').change(function() {
    $.getJSON('{!! guard_url('
      getplan ') !!}/' + $(this).val(),
      function(v, s) {
        $('#amt_limit').text('{!!__('
          plan::plan.currency_simb ')!!}' + v.minin + ' - {!!__('
          plan::plan.currency_simb ')!!}' + v.maxin);
        $('#amount').val(v.minin);
        $('#minamt').val(v.minin);
        $('#maxamt').val(v.maxin);
      });
  });
});

-并且此代码JavaScript设置了最小和最大,但设置了手动和固定数量的最小和最大

$('#amount').on('input', function() {
  var value = $(this).val();
  if ((value !== '') && (value.indexOf('.') === -1)) {
    $(this).val(Math.max(Math.min(value, 10000), 5));
  }
});
</script>

0 个答案:

没有答案