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>
以上、ご参考までに。