前端 -＞ JavaScript 表单验证(onsubmit)

欧皇小德子

已于 2022-02-16 16:55:48 修改

阅读量844

点赞数 1

分类专栏： JavaScript 前端文章标签： javascript 前端开发语言

于 2020-12-04 10:01:33 首次发布

本文链接：https://blog.csdn.net/rod0320/article/details/110626072

版权

前端同时被 2 个专栏收录

25 篇文章 1 订阅

订阅专栏

JavaScript

8 篇文章 0 订阅

订阅专栏

表单验证(onsubmit):先验证再提交到action,如果是false就不提交

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <script>
        function validateForm() {
            let byId = document.getElementById("#aa");

            var x = document.forms["myForm"]["fname"].value;
            if (x == null || x == "") {
                alert("需要输入名字。");
                return false;
            }
        }
    </script>
</head>
<body>
<p id="aa">11</p>
<!--onsubmit提交验证,先验证再提交到action,如果是false就不提交-->
<form name="myForm" action="demo_form.php"
      onsubmit="return validateForm()" method="post">
    名字: <input type="text" name="fname">
    <input type="submit" value="提交">
</form>

</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

欧皇小德子

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
前端 -＞ JavaScript 表单验证(onsubmit)

表单验证(onsubmit):先验证再提交到action,如果是false就不提交<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script> function validateForm() { let byId = document.
复制链接

扫一扫