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

最新推荐文章于 2025-06-11 21:11:49 发布

枕梦

最新推荐文章于 2025-06-11 21:11:49 发布

阅读量1.4w

点赞数 1

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/qq_37768482/article/details/76099603

HTML5+JS 专栏收录该内容

26 篇文章

订阅专栏

<!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>