javascript实现简单用户登录表单验证功能

最新推荐文章于 2024-04-07 09:44:00 发布

vicious_net

最新推荐文章于 2024-04-07 09:44:00 发布

阅读量6.7k

点赞数

分类专栏： JAVA

本文链接：https://blog.csdn.net/homedjy/article/details/8301414

版权

该博客介绍了如何使用JavaScript编写简单的用户登录表单验证功能，包括检查用户名、密码、确认密码和电子邮件的格式。通过定义多个验证函数，如`checkname`、`checkpassword`、`checkrepassword`和`checkEmail`，确保输入符合指定的规则，例如用户名长度、是否包含非法字符，以及电子邮件的格式等。

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

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>
        <script language="javascript">
            function checkname(){
                var div = document.getElementById("div1");
                div.innerHTML = "";
                var name1 = document.form1.text1.value;
                if (name1 == "") {
                    div.innerHTML = "姓名不能为空！";
                    document.form1.text1.focus();
                    return false;
                }
                if (name1.length < 4 || name1.length > 16) {
                    div.innerHTML = "姓名输入的长度4-16个字符！";
                    document.form1.text1.select();
                    return false;
                }
                var charname1 = name1.toLowerCase();
                for (var i = 0; i < name1.length; i++) {
                    var charname = charname1.charAt(i);
                    if (!(charname >= 0 && charname <= 9) && (!(charname >= 'a' && charname <= 'z')) && (charname != '_')) {
                        div.innerHTML = "姓名包含非法字母，只能包含字母，数字，和下划线";

最低0.47元/天解锁文章

vicious_net

关注

0
点赞
踩
19

收藏

觉得还不错? 一键收藏
0
评论
javascript实现简单用户登录表单验证功能

Untitled Document function checkname(){ var div = document.getElementById("div1"); div.innerHTML = ""; var name1 = document.form1.t
复制链接

扫一扫