带有电话号码验证的搜索表单

7 浏览
0 Comments

带有电话号码验证的搜索表单

我有一个搜索表单和电话号码验证表单，我想知道如何关联这两个表单。我希望只在电话号码验证后显示搜索结果，并且用户只需填写一个带有产品条件和电话号码验证的表单。

我的搜索表单：

<%= form_tag recherche_path, id: "address_input", method: :get, autocomplete: 'on' do %>
          <%= text_field_tag :location, params[:location], {id: 'address', class: "namanyay-search-box", placeholder: 'Adresse du bien à vendre', :required => true} %>
          <%= text_field_tag :room_type, params[:room_type], {class: "namanyay-search-box-type", :required => true}  %>
          <%= submit_tag "Trouver une agence", id: "namanyay-search-btn" %>
        <% end %>

我的电话号码验证表单：

<%= form_for PhoneNumber.new, remote: true do |f| %>
             <%= f.text_field :phone_number, class: "namanyay-search-box" %>
           <%= f.submit "Envoyer", class: "btn btn-danger", id: 'send-pin-link' %>
          <% end %>
        <%= form_tag phone_numbers_verify_path, remote: true do |f| %>
          <%= hidden_field_tag 'hidden_phone_number', '' %>
            <%= text_field_tag :pin %>
          <%= submit_tag "Verifier", class: "btn btn-danger" %>
          <% end %>

我不知道如何在我的控制器中使其工作。

0

1 答案

0 Comments

这段代码主要是一个Twilio控制器，用于验证手机号码。代码中的valid_phone_number?方法通过调用Twilio的API来验证手机号码的有效性，如果手机号码有效，则返回true，否则返回false。控制器的lookup方法接收一个twilio_number参数，并根据该参数调用valid_phone_number?方法进行验证，如果验证通过，则返回head :ok，否则返回'error'。

为了使用这个控制器，需要在路由中添加一条post请求的路径，路径为/twilio/lookup，对应的控制器为twilio#lookup。然后，只需要添加一些JavaScript代码，通过发送POST请求到这个路径，并传递twilio_number参数，即可进行手机号码的验证。

需要注意的是，Twilio的gem的最新版本已经不再包含Twilio::REST::LookupsClient类，而是使用Twilio::REST::Client类，并且验证的方法调用为client.lookups.phone_numbers(phone_number).fetch。

以上就是这段代码的主要内容，用于实现手机号码验证的功能。

0