【问题标题】:How to set text_field required attribute false to submit the form using Ruby on Rails如何使用 Ruby on Rails 将 text_field 所需属性设置为 false 以提交表单
【发布时间】:2019-05-06 04:27:10
【问题描述】:

我正在尝试提交带有循环 text_field 的表单。但是每当我单击提交按钮时,什么都没有发生。每当用户从折扣下拉菜单中单击 VIP 折扣时,就会显示 VIP 名称 text_field。对于每张 VIP 票,都有一个 VIP 名称字段。 text_field 是必需的。我正在尝试通过单击“购买”按钮来提交它。 可能隐藏的 text_Field 上的必填字段正在生效,这就是表单无法提交的原因。每当text_field 被隐藏时,我都尝试实现javascript .removeAttribute("required").required = false;,但效果不佳。你的想法是什么?

<%= f.fields_for :movie_tickets do |mtf| %>
  <div class="row text-center">
    <label>============================ <%= "TICKET " + @count.to_s %> =============================</label> <br> <br>
    <b> SEAT NO: <%=mtf.object.seat.name%> | ORIGINAL PRICE: <label class="label_original_prices"><%= number_to_currency mtf.object.net_price, unit:'' %></label> | DISCOUNTED PRICE: <label class="label_discounted_prices" id="pricediscount<%=@count%>">No Discount</label> </b> <br> <br>
  </div>

  <div class="form-group">
    <div class="col-md-3">
      <label>DISCOUNT :</label>
    </div>
    <div class="col-md-9">
      <%= mtf.select :discount_id, options_from_collection_for_select(discounts, :id,:name),{include_blank:true}, class:"form-control", id:"discount"+@count.to_s, onchange:"getDisc(this)" %>
    </div>
  </div>

  <br><br>

  <div class="form-group" style="display: none;" id="divVIP<%=@count%>">
    <div class="col-md-3">
      <label>VIP NAME :</label>
    </div>
    <div class="col-md-9">
      <%= mtf.text_field :vip_name , placeholder: "Type VIP name here...",class: "form-control", required: true %>
    </div>
  </div>
  <% @count += 1 %>
<% end %>

<script type="text/javascript">
  if(getValueDiscount == "9") {
    document.getElementById('divVIP' + count).style.display = "block";
  }else {
    document.getElementById('divVIP' + count).style.display = "none";
  }
</script>

【问题讨论】:

  • 请把表单定义添加到sn-p。

标签: javascript html ruby-on-rails


【解决方案1】:

在下面的行中删除required: true 或将其设置为false

<%= mtf.text_field :vip_name , placeholder: "Type VIP name here...",class: "form-control", required: true %>

【讨论】:

    猜你喜欢
    • 2011-03-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-12-27
    • 2021-07-02
    相关资源
    最近更新 更多