我有网站共享计划并按计划存入最小和最大,当访客更改计划系统时会自动更改值,但不会更改最小和最大,因为我通过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>