CEOブログ

横浜で活躍するホームページ作成・開発会社アットライズの代表取締役社長(CEO)が綴る、日々の奮闘記!!

備忘録

[備忘録]HTMLフォームで先頭の「0」(ゼロ)も表示させる方法

投稿日:

電話番号など、先頭の「0」が表示されない対処方法

Webサイトでフォームを作る際、例えば「電話番号」は、普通に「input type=”text”」にしてしまうと、「0451234567」と入力された際 表示した時に先頭の「0」が表示されず「451234567」となってしまう。

これを防ぐために「045-123-4567」にすべく 入力項目を『[ ]-[ ]-[ ]』などのように3つに区切ったりするのは、入力がものすごく手間になるので避けて欲しい。。

基本的に電話番号は、「045-123-4567」「0451234567」の どちらも不正解ではないし、どちらの入力もあり得る。どちらのフォーマットでも良いから 1項目で入力させ、先頭のゼロも表示させたい! という時は、以下のようにすべし!

ChatGPTが教えてくれた「htmlspecialchars」関数

ChatGPTに質問したら、サンプルコードまで表示して詳しく教えてくれた。
そしてそのキモは「htmlspecialchars」関数!
 
————————————–
<input type="text" name="phone" placeholder="電話番号">
————————————–
の入力項目に対し、
————————————–

————————————–
と変換してやると「$phoneValue」は先頭に「0」が付いたままの価となる。
※もちろん入力値「045-123-4567」の場合は、そのまま「045-123-4567」と表示される!
 
 

-備忘録

関連記事

[備忘録]Basic認証の設定方法

サイトへのアクセス制限「Basic認証」 ホームページにアクセス制限をかける手段として「Basic認証」がある。 こんなポップアップ画面でID/PWの入力を促されたことがあるかと思う。 これがBasi …

[備忘録]Gmail:古いメールを一気に削除する方法

Gmailで大量のメールを一気に削除する方法を 弊社お客様のGmailで、サーバー容量(制限 15GB)を超えてしまい、受信できない事象が発生した。 調べたら数年前からのメールが数千件、、サーバー上に …

[備忘録]Linux rmコマンド:日付指定して古いファイルを削除する方法

findコマンドで日付指定 SSHでファイル管理をしている際、「特定の日にちより古いファイルを削除したい」というニーズがある。 rmコマンドでできるか調べていたら、findコマンド、xargsコマンド …

[備忘録]毎月のルーチンワークをClaude Coworkにやらせてみた。

Claude Coworkに初チャレンジ 日々の業務で使う生成AIは主にChatGPT、Google Geminiを使っているが、今回 初めて「Claude Cowork」を使ってみた。 ※Claud …

[備忘録]Windows10:リモートアシスタンス接続方法

Windowsの機能を使った遠隔操作 主に以下の手順が必要。 (1) 接続される側の事前設定 (2) 接続される側の手順 (3) 接続する側の手順 ※WindowsのエディションはProfession …