若不给input框输入数据，如何弹出提示信息并不能跳转到下一个页面

球球的壳

于 2020-12-03 15:45:50 发布

阅读量659

点赞数

分类专栏： JSP java 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_38305546/article/details/110534384

版权

本文介绍如何在JavaScript中实现当用户未在input框输入数据时，显示提示信息并阻止页面跳转的功能。通过监听表单提交事件，检查输入内容，为空则警告用户，否则允许跳转。

摘要由CSDN通过智能技术生成

<script type="text/javascript">
	function mycheck() {
   
		//判断用户名是否为空
		if(form1.userName.value==""){
   
			alert("用户名不能为空，请输入用户名！")
			form1.userName.focus();
			return;
		}
		//判断密码是否为空
		if(form1.password.value==""){
   
			alert("密码不能为空，请输入密码！")
			form1.password.focus();
			return