javascript表单验证:怎样让javascript验证完表单不通过时返回的页面是当前页面
<scriptlanguage="javascript">functioncheckTheForm(){if(document.form1.name.value=="")...
<script language="javascript">
function checkTheForm()
{
if(document.form1.name.value=="")
{
alert("姓名不能为空!");return false;
}
else if(document.form1.tel.value=="")
{
alert("电话不能为空!");
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="exa5.asp" >
姓名 <input type="text" name="name"><br>
电话 <input type="text" name="tel"><br>
备注 <input type="text" name="message" value=""><br>
<input type="submit" name="Submit" value="提交" onclick="checkTheForm()">
<input type="reset" name="Submit2" value="重置">
不通过的时候 点击确定之后 返回的是下一个页面 我想要返回镇定的那个页面该怎样弄? 展开
function checkTheForm()
{
if(document.form1.name.value=="")
{
alert("姓名不能为空!");return false;
}
else if(document.form1.tel.value=="")
{
alert("电话不能为空!");
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="exa5.asp" >
姓名 <input type="text" name="name"><br>
电话 <input type="text" name="tel"><br>
备注 <input type="text" name="message" value=""><br>
<input type="submit" name="Submit" value="提交" onclick="checkTheForm()">
<input type="reset" name="Submit2" value="重置">
不通过的时候 点击确定之后 返回的是下一个页面 我想要返回镇定的那个页面该怎样弄? 展开
2个回答
展开全部
<form name="form1" method="post" action="exa5.asp" >
改成:
<form name="form1" method="post" onsubmit="return checkTheForm()" action="exa5.asp" >
当form的onsubmit返回到的值为false时,表单将不会被提交。
你的JS代码里还需要做下小改动:
function checkTheForm()
{
if(document.form1.name.value=="")
{
alert("姓名不能为空!");return false;
}
if(document.form1.tel.value=="")//这里不需要else if 了
{
alert("电话不能为空!");return false;//这里也需要一个return false;
}
}
</script>
改成:
<form name="form1" method="post" onsubmit="return checkTheForm()" action="exa5.asp" >
当form的onsubmit返回到的值为false时,表单将不会被提交。
你的JS代码里还需要做下小改动:
function checkTheForm()
{
if(document.form1.name.value=="")
{
alert("姓名不能为空!");return false;
}
if(document.form1.tel.value=="")//这里不需要else if 了
{
alert("电话不能为空!");return false;//这里也需要一个return false;
}
}
</script>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询