HTMLで、inputエリアに入力された全角スペースに警告を出したい

実現したいこと

formタグ input(text エリア)に入力された全角スペースに警告を出したいです。

発生している問題・分からないこと

PHPを使い、検索ボックスへ入力されたキーワードを
DBより検索し、search.php にて、該当するものを表示させるツールを作成しております。

input(検索ボックス)へ入力されたキーワードの中に、全角スペースがある場合
警告を出して、検索できないようにしたいです。

全角スペースを半角スペースに置き換えれれば、1番良いのですが
javascript を使用した置き換えは、なぜかうまくいかなく…

それなら、HTML側で検索できないようにしようと考えました。
ご教授いただければ幸いです。
よろしくおねがいします。

※PHP(search.php)側で受け取ってからの、str_replaceの置き換えは、考えておりません。

PHP 8.2
HTML 5

該当のソースコード

HTML

1<form method="GET" action="search.php"> 2<input type="text" name="search" class="input_text" required="required" value=''"> 3<button type="submit" class="s_button"></button> 4</form>

試したこと・調べたこと

上記の詳細・結果

HTMLの属性を使って入力チェックする方法で、
patternも考えたのですが、正規表現の指定が
全角スペースだけできなかったです。

補足

特になし

コメントを投稿

0 コメント