用JavaScript来判断是否输入了内容(含定位)

时间:2026-02-14 18:54:39

1、首先,新建一个html文档,书写一个form,三个input,代码如下:

<html>

<head>

<script type="text/javascript" src="js/test.js"></script>

</head>

<body>

<form action="#" method="post">

姓名<input type="text" name="first" id="first" /><br />

年龄<input type="text" name="second" id="second" /><br />

<input type="submit" value="send" onclick="check();"/>

</form>

</body>

</html>

效果如图:

用JavaScript来判断是否输入了内容(含定位)

2、接下来,我们在test.js里面书写check()函数,因为 onclick="check();",类型为submit的input绑定了这个事件,代码:

function check(){

var f=document.getElementById("first").value;

var s=document.getElementById("second").value;

if(f==""){   //如果姓名的输入框为空

alert("姓名不能为空");

document.getElementById("first").focus();

}else{

if(s==""){   //如果年龄的输入框为空

alert("年龄不能为空");

document.getElementById("second").focus();

}else{

document.write(f+s);

}

}

}

效果如图:

用JavaScript来判断是否输入了内容(含定位)

用JavaScript来判断是否输入了内容(含定位)

用JavaScript来判断是否输入了内容(含定位)

用JavaScript来判断是否输入了内容(含定位)

3、alert("年龄不能为空");

document.getElementById("second").focus();

分析:先弹窗,点击“确定”后,就会聚焦到相应的输入框。

© 2026 途途旅游
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com