数値だけしか入力できないINPUT type=textタグを用意したいことがある。
簡単に実装する場合は、該当のINPUTタグからフォーカスが外れる時に数字以外を削除してしまうのが良いだろう。
そんなわけで、そのようにしたjQueryコード
<script src=’https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js’></script>
<script>
$(document).ready(function(){
$(".numberonly").blur(function(){
var str = $(this).val();
$(this).val(str.replace(/[^0-9]/g, ""));
});
});
</script>
blurイベントはfocusが外れた時。
で、正規表現で[0-9]以外を消している。
class=numberonlyにバインドしているので、
<input type=’text’ name=’zip1′ class=’numberonly’>-<input type=’text’ name=’zip2′ class=’numberonly’>
みたいに、郵便番号欄を半角数字に限定するみたいな動きをさせたり?
(2627)