请问为什么表单提交，在表单中没有填写数据，点击提交也会跳转
自己写了个表单，如果把数据添加进去，然后点击提交，可以正常跳转，但是没有添加数据，点击提交，也会发生跳转，请问怎么让没有数据的时候禁止跳转呢。...
自己写了个表单，如果把数据添加进去，然后点击提交，可以正常跳转，但是没有添加数据，点击提交，也会发生跳转，请问怎么让没有数据的时候禁止跳转呢。
展开
1个回答
展开全部
要在 form 没有数据的时候禁止跳转，可以使用表单的 onsubmit 事件在提交时检测 form 表单中的内容是否是你想要的内容，以下是简单示例
<!DOCTYPE html>
<html lang="zh-CN">
<head>
坦拍 <meta charset="utf-8">
<title>Form 校验</title>
<script>
function CheckForm(form) {
if(form.username.value == "") {
alert('名字总要填一个吧！');
form.username.focus();
return false
}
搏信派 return true;
}
</script>
</head>
<body>
<form name="form1" id="form1" action="" method="post" onsubmit="CheckForm(this)">
<input type="text" name="username">
<input type="submit" value=" 提交">
基贺 </form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
