在JS中写form表单的提交与判断

最新推荐文章于 2021-06-19 18:37:43 发布

枕梦

最新推荐文章于 2021-06-19 18:37:43 发布

阅读量1.4w

点赞数 1

分类专栏： HTML5+JS 文章标签： javascript form表单提交与判断

本文链接：https://blog.csdn.net/qq_37768482/article/details/76099603

版权

HTML5+JS 专栏收录该内容

26 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>form表单提交</title>
</head>
<body>
<form action="JS09.html" method="post" id="f">
    <input type="text" id="a">
    <input type="submit" value="提交" />
</form>
</body>
<script>
    var f = document.getElementById('f');
    //输入框获取
    var a = document.getElementById('a');
    //提交表单的事件监听
    f.onsubmit = function (){
        //判断是否存在内容
        if(a.value==''){
            alert('内容为空，请填写用户名');
            //阻止提交表单
            return false;
        }
        else {
            alert('提交成功')
            //可以提交表单
            return true;
        }

    }
</script>
</html>

优惠劵

枕梦

关注关注

1
点赞
踩
19

收藏

觉得还不错? 一键收藏
0
评论
在JS中写form表单的提交与判断

form表单提交 var f = document.getElementById('f'); //输入框获取 var a = document.getElementById('a'); //提交表单的事件监听 f.onsubmit = function (){ //判断是否存在内容 if(a.v
复制链接

扫一扫