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)