Looking for a way to verify phone numbers? The process involves users entering a phone number, submitting the form, and cross-referencing it with a database of phone number records to determine if it's valid. My goal is to provide different AJAX responses based on whether the input exists in the database or not.
Currently, I have set up the AJAX response messaging system. However, when I enter a phone number that is already in the database (e.g., 07780319014), I receive the "phone-number-not-found" response.
See below for the code implementation:
app/views/phones/index.html.erb
<%= form_for :phone, url: phones_path, remote: true, html: { id: 'phone-number-form'} do |f| %>
<div id="phone-number-found"></div>
<div id="phone-number-not-found"></div>
<div id="phone-number-error"></div>
<%= f.text_field :phone_number %>
<%= submit_tag("Check") %>
<% end %>
app/controllers/phones_controller.rb
class PhonesController < ApplicationController
def create
@phone_number = Phone.where('phone_number = ?', params[:phone_number])
if @phone_number.exists?
render 'phone-found'
elsif @phone_number.blank?
render 'phone-not-found'
else
render 'errors'
end
end
private
def phone_params
params.require(:phone).permit(
:phone_number
)
end
end
app/views/phones/phone-found.js.erb
$('#phone-number-found').html('Working!');
$('#phone-number-not-found').html('');
$('#phone-number-error').html('');
app/view/phones/phone-not-found.js.erb
$('#phone-number-found').html('');
$('#phone-number-not-found').html('Working!');
$('#phone-number-error').html('');
app/view/phones/error.js.erb
$('#phone-number-found').html('');
$('#phone-number-not-found').html('');
$('#phone-number-error').html('Working!');
config/routes.rb
resources :phones, path: '4g-promo'
I would greatly appreciate any help in troubleshooting this issue. Thank you!