フォームへの数値入力制限

質問

<form><input>でフォームを用意し、そこへ半角数字を入力してもらおうと思います。
そこで、10以上80以下の数字しか入力できないように制限を掛けたいです。
jsを使ってどのようなコードを書けば実現できますでしょうか？
どうぞよろしくお願いいたします。

回答No.1

yambejp · ベストアンサー

たとえば、想定外の値だった場合、アラートを出して値をクリアにするとか・・・

<script>
function check(obj){
var v=parseInt(obj.value);
if(obj.value!=="" &&( isNaN(v) || v<10 || v>80) ){
alert("oh, no!");
obj.value="";
}
}
</script>
<input type="text" onBlur="check(this)">

お礼

ありがとうございます。
まさにこの方法です！

回答No.2

think49

HTMLカテゴリにたてたということはHTMLで解決したいってことなのかな？
HTML5 では <input type="number" min="10" max="80"> で実現可能です。
http://jsfiddle.net/TDFK4/