表单验证正则与非空验证

最新推荐文章于 2023-06-30 22:50:25 发布

黄酱！

最新推荐文章于 2023-06-30 22:50:25 发布

阅读量2.3k

点赞数

分类专栏： JS 文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/tianranran/article/details/121913413

版权

本文探讨了在前端开发中如何利用JavaScript进行表单验证，包括使用正则表达式进行复杂输入格式检查以及基本的非空验证。通过实例代码详细解释了验证过程，确保用户输入的数据有效性和安全性。

摘要由CSDN通过智能技术生成

<style>
        .form1 {
   
            width: 300px;
            margin: 100px auto;
            background-color: cadetblue;
            padding: 50px;
        }

        .item {
   
            margin-bottom: 20px;
        }

        p {
   
            color: #3520aa;
            font-size: 14px;
        }
    </style>


</head>
<body>
    <p>表单验证要求：</p>
    <p> 邮箱格式验证:
        邮箱只能是字母数字组合，包含@符号，以.com或.</p>
    <p> 密码强弱验证:
        以大写字母开头，必须是数字字母组合，至少8位</p>
    <p style="color: red;">失去焦点和表单提交时验证</p>
    <form class="form1" action="http://www.baidu.com">
        <div class="item">
            <label for="">用户名:</label>
            <input type="text" name="username">
            <p class="user"></p>
        </div>
        <div class="item">
            <label for="&