Rails bootstrap modal client side validation - ruby-on-rails

Question

I have a bootstrap modal with ajax:
<%= link_to 'Question', new_question_path, remote: true, class: 'btn btn-info' %>
_form_modal.html.erb
<div class="modal fade" id="form_modal" tabindex='-1'>
<%= simple_form_for #question, remote: true, validate: true do |f| %>
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Question</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<div class="form-inputs">
<%= f.input :content, label: false %>
</div>
</div>
<div class="modal-footer">
<%= f.button :submit, "Ask", class:" btn btn-primary" %>
</div>
</div>
</div>
<% end %>
</div>
new.js.erb
$('#remotecontainer').html('<%= j render "questions/form_modal", locals: { product: #product } %>');
$('#form_modal').on('shown.bs.modal', function() {
$('form[data-validate]').enableClientSideValidations();
}).modal();
I'm accessing the modal through this: <div id='remotecontainer'></div>
The controller method:
def new
#question = Question.new
end
def create
#question = Question.new(question_params)
respond_to do |format|
if #question.save
format.html { redirect_to root_path, notice: "Question was successfully sent!" }
else
format.js { render 'new.js.erb'}
end
end
end
I have a validation inside the model: validates_length_of :content, maximum: 70
And I'm using the following two gems for the validations errors:
gem 'client_side_validations'
gem 'client_side_validations-simple_form'
The modal appears and if I submit the form with less then 70 characters the questions is created. But on the other hand if I type more then 70 characters, the validation error appears and something weird happens... If I type and re-submit the form with less then 70 characters it continues to give me the validation error and doesn't allow me to submit the form. I might be missing something here... So any ideas on how to fix this?
Update
Ok I tried this.... I added the exclamation mark to the controller create method: if #question.save! And I get the validation error at the console. The validation error doesnt appear on the modal at all. And then when I try to submit the form with lesser characters then 70, it goes through. So from my understanding something wrong with the two gems setup. Can anybody please give some help with this one?
(0.2ms) ROLLBACK
↳ app/controllers/questions_controller.rb:14
Completed 422 Unprocessable Entity in 10ms (ActiveRecord: 1.6ms)
ActiveRecord::RecordInvalid (Validation failed: Content is too long (maximum is 70 characters)):

Answer 1

I needed up putting this inside my modal:
<div id="formModal">
<%= render partial: 'layouts/messages' %>
</div>
This in as my controller method:
def create
#question = Question.new(question_params)
respond_to do |format|
if #question.save
flash.now[:success] = "Question was successfully sent!"
format.js { render 'create.js.erb' }
else
flash.now[:alert] = "Something went wrong!"
format.js { render 'create.js.erb' }
end
end
end
and this inside create.js.erb
$("#formModal").html("<%= escape_javascript(render partial: 'layouts/messages') %>");