我在我的应用程序中集成了电话号码验证与本教程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">×</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 %>发布于 2018-02-13 00:34:39
一个快速且有点脏的解决方案是在javascript的执行中添加条件。
假设您的phone对象在控制器中创建的@phone变量中。
然后,您可以使用以下命令转换代码
<% content_for(:after_js) do %>
<%= javascript_tag do %>
$(window).on('load',function(){
<% if @phone.nil? %>
$('#myModalpin').modal('show');
<% end %>
});
<% end %>
<% end %>更简洁的做法是将其放在一个扩展名为.js.erb的专用视图文件中
https://stackoverflow.com/questions/48749679
复制相似问题