前端校验表单方法

最新推荐文章于 2024-05-11 23:09:37 发布

JINGBIN_CHEN

最新推荐文章于 2024-05-11 23:09:37 发布

阅读量1.6k

点赞数

分类专栏： web前端文章标签：表单前端

本文链接：https://blog.csdn.net/qq_30553773/article/details/72823070

版权

web前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

表单是经常使用到的，那么对于前端表单的校验那如何实现呢。
我们通常的想法就是我点击了提交表单的按钮之后触发某一个事件去处理校验表单。那那个事件就是onsubmit()。
接下来就前端代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>

    </head>
    <body>      
        <script type="text/javascript">
        //前端校验代码
            function  chevk(){
                if(document.getElementById("bb").value ==''){
                    console.log("没有跳转");
                    return false;
                }
                console.log("跳转");
                    return true;
            }
        </script>
        <form action="login.html" name="qq" method="get" onsubmit="return chevk()">
            <input type="text" name="aa" id="bb" />
            <input type="submit" value="确定" />
        </form>
    </body>
</html>

onsubmit里面的值表示的是否要提交这个表单，如果要那就是true.默认的是你点击提交按钮之后会直接提交了。所以需要处理的地方拿就是这里。

JINGBIN_CHEN

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端校验表单方法

表单是经常使用到的，那么对于前端表单的校验那如何实现呢。我们通常的想法就是我点击了提交表单的按钮之后触发某一个事件去处理校验表单。那那个事件就是onsubmit()。接下来就前端代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <
复制链接

扫一扫

专栏目录