Question

Normally we can use many ways to use ajax with validation like using validate plugin or using plain ajax(no rails ajax) like below

data using ajax requests

$.post("test.php", $("#testform").serialize());

In your situation it can be something like that.

$('#your_form').submit(function(event) {
  event.preventDefault(); 
  /* Email validation here.*/
  $.ajax({
    type: "POST",
    url: $(this).attr('action'),
    data: $(this).serialize(),
  });
});

But, I wish to use client side validation with Real Rails ajax . Please help how to do this?

Answer 1

Maybe you’d like to use this gem

UPDATE 1:

Since you want to do this through ajax, validation can be handled through you controller.

# Let's assume your remote request hits index

def index
 @object.create(params[:object])

 respond_to do |format|
  format.html # index.html.erb
  format.js
 end
end

Now, define an index.js.erb in the relevant views folder & render

<% if @object.new_record? %>
 alert("Failed to upload record: <%= j @object.errors.full_messages.join(', ').html_safe %>");