【问题标题】:jQuery how to remove disabled attribute from continue button when submit button is clicked or form submittedjQuery如何在单击提交按钮或提交表单时从继续按钮中删除禁用属性
【发布时间】:2017-10-02 13:27:25
【问题描述】:

当点击 submit 按钮或提交表单时,如何从 continue 按钮中删除禁用属性,当点击提交时,它会从继续按钮中删除禁用属性。但问题是当您单击提交按钮时,它会刷新页面,因此继续按钮再次回滚到禁用状态:

这是我的观点

<?php echo form_open('admin/requests/approve_request/'.$this->uri->segment(4)); ?>
    <div class="form-group">
        <label for="pending_reason">Note</label>
        <textarea class="form-control"  name="pending_reason"rows="6">
            <?php echo set_value('pending_reason'); ?>
        </textarea>
        <?php echo form_error('pending_reason'); ?>
    </div>

    <button type="submit" class="btn btn-success" value="submit" id="submit" disabled>Submit</button>
</form>

<button type="button" class="btn btn-success" id="continue" disabled>Continue</button>

我的js

<script>
    $("#submit").click(function() {
        $("#continue").removeAttr('disabled', true);
    });

    });
</script>

【问题讨论】:

标签: php jquery codeigniter


【解决方案1】:

取消type="submit" 属性应该可以解决您的问题。

【讨论】:

  • 那么如何通过移除 type="submit" 来提交表单呢?
  • Ajax 请求是最好的方法。如果你有 JQuery,这很容易。
  • 是的,但是像这样在客户端解决 $('form').submit(function(){ $(this).find('#continue_to_send').prop('disabled', true) ; return true; // return false 阻止 from 实际提交.. 这仅用于演示目的 });
  • 我想这是另一种方式。感谢您的洞察力。我觉得我今天学到了一些新东西。 :)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-04-03
  • 2016-07-14
  • 1970-01-01
  • 2011-07-23
  • 2018-06-30
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多