Estoy tratando de validar un campo de código de descuento en Rails 7 usando Jquery. Si es válido, quiero establecer el color del borde en verde y, si no es válido, en rojo. Pero atm, solo estoy tratando de iniciar sesión en la consola.

Todo funciona como quiero cuando ingreso la URL y pruebo diferentes parámetros. Devuelve {"válido": falso / verdadero} como quiero.

Pero es la primera vez que uso Jquery y estoy luchando para que mi código dentro del script funcione.

Actualmente estoy atascado con este error:

 Uncaught SyntaxError: Unexpected token '.'

causado por

 .then(response => response.json());

Vista:

 <div class="mt-2 mx-1"> <label class="block text-sm font-medium text-gray-700">Discount Code</label> <div class="mt-1"> <input type="text" name="discount_code" id="validateCode" class="appearance-none block w- full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-teal-500 focus:border-teal-500 sm:text-sm"> </div> </div> <script> $('#validateCode').blur(function(){ let code = $('#validateCode').val() fetch('/choose_plan/validate_discount_code?code=' + code); .then(response => response.json()); .then(data => console.log(data)); }); </script>

Rutas

 get 'choose_plan/validate_discount_code', to: 'choose_plan#validate_discount_code'

Controlador

 class ChoosePlanController < ApplicationController def validate_discount_code discount_code = params[:code]&.upcase @discount = Discount.find_by(code: discount_code) apply_discount = @discount if @discount&.active? render json: { valid: params[:code]&.upcase == apply_discount&.code } end end

¿Alguna idea de cuál podría ser la razón de este error? Y se agradece cualquier ayuda para completar el cambio de color del borde :)