参照图片完成题目,js+html

img

题主要的代码如下,有帮助麻烦点个采纳【本回答右上角】,谢谢~~有其他问题可以继续交流~

img


<style>
    .container{width:420px;margin:20px auto;border:solid 1px #999;padding:20px 5px}
    .container .radius{background:#b65f8a;border-radius:5px;padding:5px 10px;border:none;color:#fff}
    #dvMsg{margin-top:10px;display:inline-block;}
</style>
<div class="container">
    请输入年龄:<input type="text" id="txtAge" /> <input type="button" value=" 检查 " class="radius" onclick="check()" /><br />
    <div id="dvMsg" class="radius">请输入30-90之间的数字</div>
</div>
<script>
    var txtAge = document.getElementById('txtAge'), dvMsg = document.getElementById('dvMsg');
    function check() {
        if (!/^\d+$/.test(txtAge.value)) { dvMsg.innerHTML = '请输入数字';  return }
        var v = parseInt(txtAge.value);
        if (v < 30 || v > 90) { dvMsg.innerHTML = '请输入30-90之间的数字'; return }
        dvMsg.innerHTML = '输入正确';
    }
</script>

用如下语句判断:
var age = parseInt(document.getElementByid("age").value);
if(age<30 || age>90){
  alert("年龄必须在30~90之间。");
}