问答一下,轻松解决,电脑应用解决专家!
主板显卡CPU内存显示器
硬盘维修显卡维修显示器维修
注册表系统命令DOS命令Win8
存储光存储鼠标键盘
内存维修打印机维修
WinXPWin7Win10/Win11
硬件综合机箱电源散热器手机数码
主板维修CPU维修键盘鼠标维修
Word教程Excel教程PowerPointWPS
网络工具系统工具图像工具
数据库javascriptLinux系统
PHP教程CSS教程XML教程

关于表单验证中成功则跳转到指定页面否则不跳转的问题

更新时间:2021-10-13 23:44 作者:不争亦不屑点击:

之前学习HTML的时候会涉及到一些JavaScript的基础知识,其中就有表单验证问题,当时很郁闷的是,不管表单验证是否通过,它都会跳转到指定页面。现在在学js的时候,发现这个问题,恍然大悟。以验证邮件地址是否合法为例,用代码说话。

JavaScript代码

function validate(){
				var x = document.forms["myForm1"]["email"].value;	//找到表单中email输入框的内容
				var atpos = x.indexOf("@");	//从前往后数@符号所在的位置
				var dotpos = x.lastIndexOf(".");	//从后往前数.符号所在的位置
				if(atpos<1||dotpos<atpos+2||dotpos+2>=x.length){
					alert("不是一个有效的e-mail地址");
					return false;
				}
			}

特别要注意的是,在if语句中含有 return false; 这句,如果少了这一句,则不管验证成功与否它都会自行跳转。

HTML代码

<form action="#" οnsubmit="return validate();" method="post" name="myForm1">
			Email:<input type="text" name="email" />
			<input type="submit" value="提交"/>
		</form>

注意: onsubmit中 return 这个词很关键,必不可少,否则结果也会跟上述的一样,并不是我们想要的。

就这样,我疑惑已久的问题得到解决啦!

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
你可能感兴趣的内容