本文提供了一个使用JavaScript进行输入验证的简单示例。通过检查用户输入的数字是否在5到10之间，此示例展示了如何利用try...catch语句处理不同类型的错误，并通过innerHTML更新页面元素来显示错误信息。
<!DOCTYPE html>
<html>
<body>
<script>
function myFunction()
{
try{
var x= document.getElementById("demo").value;
if(x=="") throw "值为空";
if(isNaN(x)) throw "不是数字"
if(x>10) throw "太大"
if(x<5) throw "太小"
}catch(err){
var y=document.getElementById("mess");
y.innerHTML="错误：" +err +"。";
}
}
</script>
<h1>我的第一个javascript程序</h1>
<p>请输入5到10之间的数字</p>
<input id="demo" type="text">
<button type="button" οnclick="myFunction()">测试输入值</button>
<p id="mess"></p>
</body>
</html>
<html>
<body>
<script>
function myFunction()
{
try{
var x= document.getElementById("demo").value;
if(x=="") throw "值为空";
if(isNaN(x)) throw "不是数字"
if(x>10) throw "太大"
if(x<5) throw "太小"
}catch(err){
var y=document.getElementById("mess");
y.innerHTML="错误：" +err +"。";
}
}
</script>
<h1>我的第一个javascript程序</h1>
<p>请输入5到10之间的数字</p>
<input id="demo" type="text">
<button type="button" οnclick="myFunction()">测试输入值</button>
<p id="mess"></p>
</body>
</html>
扫一扫
344
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
