2
1

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 3 years have passed since last update.

【JavaScript】正規表現を用いるときのブラウザによるバリデーションを非表示にしたい

Last updated at Posted at 2021-11-08

#はじめに
こんにちは。
こちらの記事では、ブラウザのフォームのバリデーションを非表示にする方法を記しています。
誤っている点がございましたらコメントいただけると幸いです。

##問題・原因・対処法

###起きていること
正規表現でフォームのバリデーションを行う際、エラーメッセージが重複してしまう。

###なぜこの問題が発生したのか
ブラウザに、元々バリデーションの機能が設定されているため。

###解決方法
formタグにnovalidate=を追記することで、ブラウザのバリデーション機能を無効にできます。

vue.js
<form @submit.prevent novalidate>

参考記事:https://insource-mkd.co.jp/staff-blog/14752.html


#おわりに
ここまで、ブラウザのフォームのバリデーションを非表示にする方法についてまとめました。
参考記事を見つけるのに少し時間がかかってしまいましたが、辿り着くことができました!この経験から、ネットにある情報をいかに持ってくることができるか、が重要だと改めて感じました。検索力を上達していけるよう、今から回数を重ねていきたいと思います!

以上、最後まで読んでいただきありがとうございました!
よければLGTMを押してくれると嬉しいです!

2
1
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
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?