简单的说,需要在onclick之后加上return false;阻止浏览器的默认动作。
默认的在onclick之后是return true;看似是先执行了window.location.href = "url";但是事实上浏览器都不是这样的,需要阻止写成return false;阻止浏览器的默认动作
直接上代码,做的一个简单的登录的页面
<form method="post" > <p class="main"> <label>Username: </label> <input name="customer.c_name" id="name"/> <label>Password: </label> <input type="password" name="customer.c_pass" id="password" > </p> <p class="space"> <input type="submit" value="Login" class="login" onclick="login();return false;"/> </p> </form>
<script type="text/javascript"> function login(){ var username = $("#name").val(); var password = $("#password").val(); if(""==username){ alert("用户名为空!"); $("#nametishi").html("用户名为空!"); }else{ if(""==password){ alert("密码为空!"); $("#passwordtishi").html("密码为空!"); }else{ alert(username+password); window.location="logina.action?c_name="+username+"&c_pass="+password; } } } </script>
时间: 2024-10-06 06:53:16