Preventing form submission not working?

I’m actually not sure if this is a Stimulus or rails_ujs problem, but I setup a simple controller to prevent a form submission if the text was too long like Twitter’s form. preventDefault() didn’t work and Rails just submitted the form anyways. Any ideas on how to make this work?

<%= form_with(model: tweet, data: { controller: "tweet-form", action: "submit->tweet-form#submit" }) do |form| %>
  <%= form.text_area :body, data: { target: "tweet-form.body" } %>
<% end %>

import { Controller } from "stimulus"

export default class extends Controller {
  static targets = [ "body" ]

  submit(event) {
    if (this.bodyTarget.value.lenth > 140) {
      event.preventDefault() // Doesn't do anything
      console.log("This tweet is too long.") // prints out
    }
  }
}

[georgeclaghorn]

You don’t seem to have added any actions to your form element. Add one that calls the submit method when the ajax:beforeSend event is dispatched:

<%= form_with(model: tweet, class: local_assigns[:class], data: { controller: "tweet-form", target: "inline-edit.form", action: "ajax:beforeSend->tweet-form#submit" }) do |form| %>

[foucist]

@richjdsmith “starting from Rails 5.2 when using form_with it is by defaut remote. If you want to post your form in html format you must specify local: true” not sure if that helps