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

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

No.1 ベストアンサー 回答者： yambejp 回答日時： 2011/09/02 15:41

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

<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)">

この回答へのお礼

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

お礼日時：2011/09/03 08:58

No.2 回答者： think49 回答日時： 2011/09/02 22:34

HTMLカテゴリにたてたということはHTMLで解決したいってことなのかな？

HTML5 では <input type="number" min="10" max="80"> で実現可能です。
http://jsfiddle.net/TDFK4/