Question

我使用本教程在我的应用中集成了电话号码验证功能 here，问题是当访问者从我的搜索结果页面查看个人资料并返回结果页面时，会再次显示电话号码验证的模式我知道如何只询问一次电话号码

我的手机验证视图

<div class="modal show" id="myModalpin" role="dialog">
  <div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">

      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title"> Vérification téléphone</h4>
      </div>
      <div class="modal-body">
        <div id="send-pin">
          <h4>Nous allons vous envoyer un code par sms afin de vérifier votre numéro <br> Est-ce le bon numéro ?</h4>
          <%= form_for PhoneNumber.new, remote: true do |f| %>
          <div class="form-group">
            <%= f.text_field :phone_number %>
          </div>
          <%= f.submit "Envoyer", class: "btn btn-danger", id: 'send-pin-link' %>
          <% end %>
        </div>

        <div id="verify-pin">
          <h3>Entrer votre code de comfirmation</h3>
          <%= form_tag phone_numbers_verify_path, remote: true do |f| %>
          <%= hidden_field_tag 'hidden_phone_number', '' %>
          <div class="form-group">
            <%= text_field_tag :pin %>
          </div>
          <%= submit_tag "Verifier", class: "btn btn-primary" %>
          <% end %>
        </div>

        <div id="status-box" class="alert alert-success">
          <p id="status-message">Status: Haven’t done anything yet</p>
        </div>
      </div>
    </div>
  </div>
</div>


<% content_for(:after_js) do %>
            <%= javascript_tag do %>
    $(window).on('load',function(){
        $('#myModalpin').modal('show');

    });
<% end %>
<% end %>

Answer 1

快速而有点脏的解决方案是为执行javascript添加条件。

假设您的手机对象位于控制器中创建的@phone变量中。

然后您可以使用

转换代码

<% content_for(:after_js) do %>
    <%= javascript_tag do %>
    $(window).on('load',function(){
        <% if @phone.nil? %>
        $('#myModalpin').modal('show');
        <% end %>
    });
    <% end %>
<% end %>

更清洁的是将它放在扩展名为.js.erb

的专用视图文件中

通过会话

1 个答案: