Question

你们中的任何一个jquery / Laravel专业知道是否可以隐藏或显示基于文本框字段值的提交按钮？

我有一个Laravel（4.2）表单，我正在处理，我想隐藏提交按钮，直到文本框值达到0，然后显示按钮，以便用户可以提交它。

我认为它可能是一个jquery脚本，从来没有这样做过，因此我为什么要求帮助。

{{ HTML::col(3,3,3,3) }}
{{ Form::formGroup() }}
{{ Form::label('Remainder', 'Remainder Balance') }}
{{ Form::text('Remainder', $value , ['class' => 'form-control', 'data-fv-notempty' => 'false', 'readonly']) }}
{{ Form::closeFormGroup() }}
{{ HTML::closeCol() }}
{{ HTML::closeRow() }}


{{ HTML::row() }}
    {{ HTML::col(12,12,12,12) }}
        {{ Form::submit('Submit', array('class' => "btn btn-submit btn-lg")) }}
    {{ HTML::closeCol() }}
{{ HTML::closeRow() }}
{{ Form::closeFormGroup() }}
{{ Form::close() }}

先谢谢大家，我非常感谢。

Answer 1

首先，你应该给这些东西一个id。

{{ Form::text('Remainder', $value , ['id' => 'remainder', 'class' => 'form-control', 'data-fv-notempty' => 'false', 'readonly']) }}

{{ Form::submit('Submit', array('id' => 'myFormSubmit', 'class' => "btn btn-submit btn-lg")) }}

$(document).ready(function() {
    $('#remainder').change(function() {
        if ($(this).val() == 0) {
            $('#myFormSubmit').show();
        } else {
            $('#myFormSubmit').hide();
        }
    });
});

如果您以编程方式更改文本框（您的措辞“达到”0让我怀疑可能是这种情况），那个更改事件将不会触发，因此您还需要执行$('#remaidner').trigger('change'); < / p>

Laravel显示文本框值的表单按钮

1 个答案: