我这表单，我已经return false了，为啥还是跳转了，然后变成空白页面？

Posted 2023-03-18

<div class="form" >
<form role="form" class="form-horizontal" method="post" action="login.jsp" onsubmit="return send()">
<div class="form-group" id="xx">
<label for="name" class="col-sm-4 control-label">用户名</label>
<div class="col-sm-7">
<input type="text" class="form-control" id="name" name="name" placeholder="用户名..........">
</div>
</div>
<div class="form-group" >
<label for="pwd" class="col-sm-4 control-label">密码</label>
<div class="col-sm-7">
<input type="text" class="form-control" id="pwd" name= "pwd"placeholder="密码..........">
</div>
</div>

<div class="form-group" id="bottom">
<div class="col-sm-offset-3 col-sm-10">
<button class="btn btn-success" type="submit">登录</button>

<button type="reset" class="btn btn-primary" >重置</button>
</div>

</div>
</form>

</div>

<script type="text/javascript" src = "js/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
var xhttp = false;
var name = document.getElementById("name").value;
var pwd = document.getElementById("pwd").value;
var url = "/Login";
//1、创建一个函数初始化xhttprequest对象
function createXMLRequest()
if(window.XMLHttpRequest)
xhttp = new XMLHttpRequest();
else if(window.ActiveXObject)
try
xhttp = new ActiveXObject("Microsoft.XMLHTTP");
catch(e)
consloe.log("ajax初始化失败")



//2、利用xhttp发送ajax请求，将请求发送到服务器，用xhttp对象的open，send方法
function send( url,name , pwd)
//2.1、创建xhttp对象，
createXMLRequest();
//2.2向服务器发送请求，设置 发送请求的相关属性
xhttp.open("post",url,true); //规定请求的类型，url，以及是否异步处理
xhttp.serRequestHeader("Content-type","application/x-www-form-urlencoded"); xhttp.send(name); xhttp.send(pwd);

xhttp.onreadystatechange = function()
if(xhttp.readyystate == 4 && xhttp.status == 200)
var message = xhttp.responseText;
if(message !="验证成功")
alert(message)
return false;
else
return true;

参考技术A 1. 如果是表单提交，需要在submit按钮或submit方法当中使用return false;。
2. 检查表单有没有action，ajax提交不需要action。 参考技术B 要清除掉onsubmit的默认事件, onsubmit的默认事件就是刷新和跳转页面。event.preventDefault()

onsubmit='send(event)'

function send(event)
event.preventDefault()