Question

javascript 页面返回

小弟做了一段代码，其中有一段是关于验证文本框信息的，用JS做的
function Mycheck()
{
if(form1.username.value=="")
alert("You must input the username！");
window.back(-1);
}
</script>

<form name="form1" method="post" action="Index2.asp">
<input type="submit" value="Submit" class="formcontent" onClick="Mycheck();">
现在文本框是空的，怎么才能弹出对话框以后，停留在本页，内容也不提交到第二个界面去。

Answer 1

首先错误的就是Mycheck函数内的form1对象
获取表单直接用form1是IE浏览器才可以使用的，而且要id="form1"才能直接用。你的表单是name="form1"，是定义是表单的名称啊。
所以要用document.getElementsByName("form1")[0]获取表单控件

其次<input type="submit" value="Submit" class="formcontent" onClick="Mycheck();">书写的话。该按钮当点击的时候会触发2个事件。
事件一：表单绑定了Mycheck()方法，当单击时执行Mycheck()方法。
事件二：表单提交事件，因为该按钮类型是type="submit"【提交按钮】。固默认单击会出发表单的submit事件。
二个事件是互相独立的，因此谁不影响谁执行。所以你点击提交后提示填写信息，然后表单还是提交成功到Index2.asp页面。

以下代码让表单的submit事件绑定Mycheck()方法。当点击提交按钮后，会执行Mycheck()函数。函数检测到username控件为空时返回false，
相当于onsubmit="return false"；因此表单就不会提交，继续停留在该页面

<script>
function Mycheck(){
var form1 = document.getElementsByName("form1")[0];
if(form1.username.value == ""){
alert("You must input the username！");
return false;
}
}
</script>
<form name="form1" method="post" action="Index2.asp" onsubmit="return Mycheck()">
<input type="text" name="username">
<input type="submit" value="submit" class="formcontent" >
</form>

Answer 2

<script>function Mycheck()
{
if(form1.username.value==""){
alert("You must input the username！");
return false;
}
else{form1.submit();}
}
</script>

<form name="form1" method="post" action="Index2.asp">
<input type="text" name="username" />
<input type="button" value="提交" class="formcontent" onclick="Mycheck();">
</form>

追问

还是不行啊，还是会当弹出提示框，然后跳转到Index2.asp界面上去啊。

追答

我测试过username为空弹出对话框后不会跳转
username里有东西则直接跳转

追问

可是我这边不行啊，无论username里面框子是否为空，都会跳转到第二个界面上去

追答

你那是用哪个浏览器的，我这谷歌和IE测试都没问题

追问

不对啊，我实验了IE,火狐，谷歌，浏览器，都不行啊。

追答

我火狐也测了，没问题！。。。
真是无语了。。。。。
不会是啥外星系统吧=。=

追问

我知道了，按钮设置type=button了，这样用啊，神奇啊！

Answer 3

function Mycheck()
{
if(form1.username.value=="") {
alert("You must input the username！");
return false;}else{return true;}
}
</script>

<form name="form1" method="post" action="Index2.asp" onsubmit="return Mycheck()">
<input type="submit" value="submit" class="formcontent" >
</form>
看看可以不？

追问

还是不行啊，怎么弄呢？

追答

结果没变吗？

追问

还是回调转到第二个界面上去的，怎么弄呢？

Answer 4

function Mycheck()
{
if(form1.username.value=="")
alert("You must input the username！");
return false;
}

追问

还是会当弹出提示框，然后跳转到Index2.asp界面上去啊

追答

.