a标签指定的url,在表单提交前进行js验证的实现

Posted 清风拂来

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了a标签指定的url,在表单提交前进行js验证的实现相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script type="text/javascript">
    function save(){
        alert("拦截a标签的href请求提交1");
    <!--此处仅仅模拟表单提交前的验证过程,真正的js验证代码可以写在save()方法里面-->
    }
</script>
</head>
<body>
    
<p>点击以下链接查看结果:</p>
<a href="javascript:void(0)" onclick="save()">点我提交请求!</a>
</body>
</html>

 第二种方式:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>菜鸟教程(runoob.com)</title>
 6 <script type="text/javascript">
 7     function save(){
 8         alert("拦截a标签的href请求提交");
 9     <!--此处仅仅模拟表单提交前的验证过程,真正的js验证代码可以写在save()方法里面-->
10     }
11 </script>
12 </head>
13 <body>
14     
15 <p>点击以下链接查看结果:</p>
16 <a href="javascript:void(save())">点我提交请求!</a>
17 </body>
18 </html>

 

 

 

以上是关于a标签指定的url,在表单提交前进行js验证的实现的主要内容,如果未能解决你的问题,请参考以下文章

form表单提交前进行ajax验证

在表单提交前进行验证的几种方式

如何防止重复提交表单?

使用JQuery实现验证提交表单信息;且提示信息在指定时间自动隐藏

HTML5都有哪些新的表单属性

Jquery验证只能验证表单吗,能验证表单里指定的DIV吗