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

2025-11-03 17:03:52

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();

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢