SOY Inquiryの半角英数入力チェック機能

SOY Appに関する質問、要望はこちら。

SOY Inquiryの半角英数入力チェック機能

投稿記事by polka on 2017年4月24日(月) 21:25

いつもありがとうございます。

SOY Inquiryの入力項目「電話番号」「郵便番号」で
入力文字種別を選べるようにできないでしょうか?

▽4/25加筆
全角入力→半角に自動修正になると
フォームの使い勝手が向上すると思います。

ご検討よろしくお願い致します。
polka
 
記事: 173
登録日時: 2013年5月20日(月) 08:15
所在地: 大阪府泉大津市二田町1-20-30-2F

Re: SOY Inquiryの半角英数入力チェック機能

投稿記事by polka on 2017年5月11日(木) 09:41

郵便番号と電話番号に全角数字入力があった際、
自動で半角数字に変わる、javascript(jQuery)による方法をご案内します。

テンプレートに仕込む必要はあるのですが、
簡易的に整形できるので、便利だと思います。


【01】
SOY Inquiryの電話番号の属性に「class="phone"」とつけます。

【02】
jQueryの本体ファイルを読み込ませたあとで
以下のスクリプトをフォーム設置のページに記述します。
(もしくは外部のjsファイルでもOK)

<script>
$(function(){

$("input.phone,input.soyinquiry_address_zip1,input.soyinquiry_address_zip2").change(function(){
var textBefore = $(this).val(),
textAfter = textBefore.replace(/[A-Za-z0-9]/g,function(txt){
return String.fromCharCode(txt.charCodeAt(0)-0xFEE0);
});
$(this).val(textAfter);
});

});
</script>


以上、ご参考までに。
polka
 
記事: 173
登録日時: 2013年5月20日(月) 08:15
所在地: 大阪府泉大津市二田町1-20-30-2F


Return to SOY App全般

オンラインデータ

このフォーラムを閲覧中のユーザー: なし & ゲスト[2人]