首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >按会话仅询问一次电话号码验证

按会话仅询问一次电话号码验证
EN

Stack Overflow用户
提问于 2018-02-12 23:19:38
回答 1查看 35关注 0票数 1

我在我的应用程序中集成了电话号码验证与本教程here,问题是当访问者从我的结果页面进入个人资料并返回结果页面时,电话号码验证的模式重新出现,我知道如何只询问一个电话号码一次

我的电话验证视图

代码语言:javascript
运行
复制
<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 %>
EN

回答 1

Stack Overflow用户

发布于 2018-02-13 00:34:39

一个快速且有点脏的解决方案是在javascript的执行中添加条件。

假设您的phone对象在控制器中创建的@phone变量中。

然后,您可以使用以下命令转换代码

代码语言:javascript
运行
复制
<% content_for(:after_js) do %>
    <%= javascript_tag do %>
    $(window).on('load',function(){
        <% if @phone.nil? %>
        $('#myModalpin').modal('show');
        <% end %>
    });
    <% end %>
<% end %>

更简洁的做法是将其放在一个扩展名为.js.erb的专用视图文件中

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48749679

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档