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

之前学习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 这个词很关键，必不可少，否则结果也会跟上述的一样，并不是我们想要的。

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

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

【VUE 表单验证】vue Element 表单验证中多层v-for验证方法
vue Element 表单验证中对象有list列表如何验证正常情况下只需要<el-form-item> 标签中填入prop数据属性即可. <el-form-item label ...
【修真院web小课堂】angular js常用指令 ng-blur、ng-change、ng-focus、ng-disabled是如何运用到表单验证中的？
大家好,我是IT修真院武汉分院web第16期的学员孟晨,一枚正直纯洁善良的web程序员今天给大家分享一下,修真院官网js(职业)任务八,深度思考中的知识点--angular js常用指令 ng-bl ...
使用js表单验证中的onsubmit属性
onsubmit的作用:组织表单数据的提交,如果onsubmit的值为true,则会跳转到指定页面,反之不会跳转,一般在js验证中使用,给js验证设定返回值true或false; 使用onsubmit ...
php验证中文姓名,我想在表单验证中加入中文姓名合法性模糊匹配判断？
该楼层疑似违规已被系统折叠隐藏此楼查看此楼刚开始只是想检验一下输入的是不是中文,后来学了正则表达式后,想尝试一下,把常见的姓氏通过字符串判断的形式,主要是对姓氏进行验证,当然还有输入长度,可我对自 ...
php表单中姓名必须使用汉字,我想在表单验证中加入中文姓名合法性模糊匹配判断？...
该楼层疑似违规已被系统折叠隐藏此楼查看此楼刚开始只是想检验一下输入的是不是中文,后来学了正则表达式后,想尝试一下,把常见的姓氏通过字符串判断的形式,主要是对姓氏进行验证,当然还有输入长度,可我对自 ...
JavaScript的form表单验证中的身份证校验
前几天,在项目中遇到一个问题,就是这个身份证校验,一般普通人的身份证号是有18位,当时我只想到了限制长度来做验证,因为着急下班,哈哈哈哈哈直到昨天,才想到JavaScript中有个正则表达式,所以我 ...
复姓判断 php,我想在表单验证中加入中文姓名合法性模糊匹配判断？
该楼层疑似违规已被系统折叠隐藏此楼查看此楼刚开始只是想检验一下输入的是不是中文,后来学了正则表达式后,想尝试一下,把常见的姓氏通过字符串判断的形式,主要是对姓氏进行验证,当然还有输入长度,可我对自 ...
php验证姓名百家姓,我想在表单验证中加入中文姓名合法性模糊匹配判断？
该楼层疑似违规已被系统折叠隐藏此楼查看此楼刚开始只是想检验一下输入的是不是中文,后来学了正则表达式后,想尝试一下,把常见的姓氏通过字符串判断的形式,主要是对姓氏进行验证,当然还有输入长度,可我对自 ...
vue-element中,表单验证中的prop的命名
prop的命名必须与,rules里面的规则名和输入框的v-model命名一致. 例如这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何 ...

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

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

JavaScript代码

HTML代码

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

最新文章

热门文章