uiuifree.com

- サイト制作のノウハウと最適化を目指して-

2020.8.1Chromeのコンソールにメッセージ「Password field is not contained in a form」

Chromeのコンソールにメッセージ「Password field is not contained in a form」

Vue.js環境で会員登録フォームを開発していたときにVerboseエラーが出ていました。

[DOM] Password field is not contained in a form: (More info: https://goo.gl/9p2vKq) <input placeholder=​"半角英数8文字以上" autocomplete=​"new-password" type=​"password" >​

原因

<input type="password">

に対して、formタグで囲っていないのが原因でした。

<form>
<input type="password">
</form>

で囲ってあげることでメッセージが出なくなります。


ただ残念ながら私はVue.jsでformタグを使わず実装しているので、formタグを使わずにメッセージを消す方法は無いようでした。

目次
PROFILE

このサイトを運営してるuiuifreeです。
渋谷のベンチャー企業で2年ほど新規事業を担当した後にフリーランスエンジニアにキャリア転換。
求人サイトの開発が多くエンジニア/看護師/保育士などの分野でサイトを運営しています。

アウトプット中の技術

リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック (Theory in practice)