2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

simple_formのHTML5バリデーションでハマったことメモ

Posted at

いままでParsley.jsのバリデーションにお世話になってました。
これといって大掛かりなバリデーションを仕掛けてた訳じゃなく、至って普通の制限かけてる程度だし、プラグインに依存するのは何かと弊害も発生しかねるんで、いっそのことHTML5バリデーションにしてみることに。

以前、スタティックな個人的作業環境で試したときは普通に動作したんですが、いざプロダクト内に実装しようと組み込んでみたら

うごかねーーーーー!!

で、コードをみると

<form class="simple_form hoge" id="hoge" novalidate="novalidate" action="hoge" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch"><input type="hidden" name="authenticity_token" value="xXK9MpDrqzLawGeDvoDhBc06UA3U+gUznIWCctfPi388lsaNIhfoQI5v8UHSMeoa0/4W4hNw/QILP47Y3EUyrg==">

novalidate="novalidate"
なんだと!!!
これじゃ動くわけなかろうwww
ということで

= simple_form_for @hoge, url: hoge_path, html: {novalidate: false} do |f|

と書いてやると前出の属性は消えてバリデーションが動きましたとさ!ww

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?