いつもお世話になります。
KENTWEBのClipMailを使ってフォームメールを作っています。
http://www.kent-web.com/data/clipmail.html
郵便番号のフォームを以下のように作っているのですが、
<input name="zip" type="text">-<input name="zip" type="text">
こちらですと確認画面及び送信データの形式が「0000000」となります。
できれば「000-0000」というように受け取りたいと思っているのですが、間に任意の文字を挿入することは可能なのでしょうか。
inputをひとつにまとめてユーザーにハイホンを入れてもらう方法以外で解決方法をご存知の方がいらっしゃいましたら、ご教示ください。
よろしくお願いします。
No.2ベストアンサー
- 回答日時:
お使いのスクリプトでは、質問者さんの例から、同じname属性の場合、単純に連結しているように思えます。
そこで、間にvalueが ”-” のhidden属性を入れてみるのはいかがでしょうか?
所望の結果は得られますでしょうか?
数値入力制限というJavaScriptもおまけで付けてみました^^
<script type="text/javascript">
function check_zip(zip_input, digits) {
var code = zip_input.value;
var len = code.length;
if ( !code.charAt(len - 1).match(/^\d$/) || len > digits ) {
code = zip_input.value = code.substr(0, len - 1);
}
if ( digits == 3 && code.length == 3 ) {
document.getElementsByName("zip")[2].focus();
}
}
</script>
<input name="zip" type="text" onkeyup="check_zip(this, 3)"><input type="hidden" name="zip" value="-">-<input name="zip" type="text" onkeyup="check_zip(this, 4)">
回答ありがとうございます。
無事にひとつにつなげることができました。
javascriptもありがとうございます。使わせていただきます。
それでご厚意に甘えて、もうひとつ教えていただけませんでしょうか。
上記方法で入力した場合、結果が「000 - 0000」とハイホンの左右に半角スペースが空いてしまいます。
できればこちらをとりたいのですが、可能でしょうか。
もしご存知でしたら教えてください。
よろしくお願いします!
No.3
- 回答日時:
ハイフンの前後に半角スペースが入るとのことですが、これはそのスクリプトの実装がそうしているからだと思います。
スクリプトの中身を少し見てみましたが、おそらく以下の部分を変更すればいいのではないかと思います。
lib/preview.plの111行目の
$in{$key} =~ s/\0/ /g;
↓ ↓
$in{$key} =~ s/\0//g;
に変更。
再度のご回答をありがとうございます。
お礼が遅くなり、申し訳ありません。
考えていただいた方法ではうまくいかなかったのですが、lib/preview.plの空白をひとつずつ削っていってみようと思います。
今回は本当にありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript Javascriptを使ってQRコード読み取り、取得した情報をPOSTしたいと思っています。 1 2023/04/28 15:18
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
チェックボックスの返す値
-
FC2 掲示版のカスタマイズの仕...
-
Error: No Recipient というエ...
-
アンケートで質問を複数ページ...
-
hiddenで送ったデータの取り出し方
-
cgiの改造なんですけど助けてく...
-
python subprocessに関する質問
-
テキストエリアのデータを隠し...
-
wordの数式について 定積分を書...
-
ラジオボタンが両方とも選択で...
-
WEBページを強制的に横画面で見...
-
ディレクトリのファイル数取得
-
フォントサイズを変えるには?
-
selectboxの画面遷移で、postデ...
-
ブックマークからのアクセスを...
-
select値をhiddenのvalueに渡し...
-
コンボ1の内容に応じてコンボ...
-
<select>タグの幅設定
-
INPUT TYPE
-
htmlファイルが表示できません
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
チェックボックスの返す値
-
別formのhidden項目を自form値...
-
チェックボックスでのvalue値の...
-
チェックボックスで選択した内...
-
Error: No Recipient というエ...
-
python subprocessに関する質問
-
CGIでチェックボックスを使...
-
CGIに渡しているパラメータを表...
-
掲示板の文字色指定について
-
hiddenで送ったデータの取り出し方
-
CGIで書き出したJavaScriptの動...
-
ランキング作成
-
クリップボードに記憶した文字...
-
フォームの内容を確認するペー...
-
CGIフォームから飛ばすメールで...
-
アンケートフォームで前のペー...
-
CGIフォームから飛ばすメールが...
-
VBAでWEBもっと見るを押して...
-
検索フォーム設置時のnameの文...
-
フォームの入力内容の後ろに文...
おすすめ情報