前端校验表单方法

表单是经常使用到的，那么对于前端表单的校验那如何实现呢。
我们通常的想法就是我点击了提交表单的按钮之后触发某一个事件去处理校验表单。那那个事件就是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.默认的是你点击提交按钮之后会直接提交了。所以需要处理的地方拿就是这里。

来源：CSDN

作者：JINGBIN_CHEN

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

标签

前端

html表单

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!