Html form 表单提交前验证

最新推荐文章于 2024-05-04 15:43:14 发布

Dove言和

最新推荐文章于 2024-05-04 15:43:14 发布

阅读量1.9k

点赞数 1

分类专栏：前端进阶之路_开启前端web逆袭之路文章标签： html/js html js

本文为博主原创文章，未经博主允许不得镜像、转载。

本文链接：https://blog.csdn.net/qq_21041889/article/details/88815499

版权

前端进阶之路_开启前端web逆袭之路专栏收录该内容

34 篇文章 25 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

下面的代码所生成的页面，只能在表单里输入 ‘dove’ 才能提交，否则不进行提交


<HTML>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    </head>
    <BODY>
        <form action="https://blog.csdn.net/qq_21041889" onsubmit="return toVaild()">
            <input type="text" id="dove">
            <input type="submit" id="submit" value ="提交"/>
        </form>
    </BODY>
        <script language="javascript">
            function toVaild(){
                var val = document.getElementById("dove").value;
                alert(val);
                if(val == "dove"){
                    alert("校验成功，稍后进行提交");
                    return true;
                }
                else{
                    alert("校验失败，请检查后提交");
                    return false;
                }
            }
    </script>
</HTML>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Dove言和

关注关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
打赏
6
评论
Html form 表单提交前验证

下面的代码所生成的页面，只能在表单里输入 ‘dove’ 才能提交，否则不进行提交<HTML> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <BODY> ...
复制链接

扫一扫