当html中要提交的数据即包含在form表单,又有js事件触发去转向controller方法时,会发生路径寻找错误,如下
<div id="delete">
<h1>删除用户</h1>
<form >
<input required="required" placeholder="用户手机号" name="tel" id="tel"></input>
<input required="required" placeholder="确认用户手机号" name="telAgain" id = "telAgain"></input>
<button class="but" onclick="myFunction()">确认删除</button>
</form>
</div>
<script type="text/javascript">
function myFunction()
{
var tel = document.getElementById("tel").value;
var telAgain = document.getElementById("telAgain").value;
if(tel == telAgain){
window.location.href = "deleteUserByTel?tel="+tel+"&telAgain="+telAgain;
}else{
alert("两次手机号应相同");
}
}
</script>
此时应把form表单去掉,因为form也相当于提交,重复提交会造成混乱!
<div id="delete">
<h1>删除用户</h1>
<input required="required" placeholder="用户手机号" name="tel" id="tel"></input>
<input required="required" placeholder="确认用户手机号" name="telAgain" id = "telAgain"></input>
<button class="but" onclick="myFunction()">确认删除</button>
</div>
<script type="text/javascript">
function myFunction()
{
var tel = document.getElementById("tel").value;
var telAgain = document.getElementById("telAgain").value;
if(tel == telAgain){
window.location.href = "deleteUserByTel?tel="+tel+"&telAgain="+telAgain;
}else{
alert("两次手机号应相同");
}
}
</script>