javaScript--简单表单验证

最新推荐文章于 2024-07-29 13:58:45 发布

沐风Cc

最新推荐文章于 2024-07-29 13:58:45 发布

阅读量292

点赞数 2

文章标签： javascript

本文链接：https://blog.csdn.net/mufeng633/article/details/75091565

版权

javascript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

javaScript–简单表单验证

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>表单验证</title>
    <script type="text/javascript">
        var usernameFlag=false;
        var pwdFlag=false;
        var sp=document.getElementsByTagName("span");
        function judgeUser(){
            var username2=document.lementsByName("username");
            var str=username2[0].value;
           // alert(str)
            if(str.length<6){
                sp[0].innerHTML="<font style='color: red'>用户名长度小于6位</font>"
            }else{
                usernameFlag=true;
                sp[0].innerHTML="<font style='color: green'>可以使用</font>"
            }
        }
        function judgePwd(){
            var pwd=document.getElementsByName("pwd");
            var str= pwd[0].value;
           // alert(str)
            if(str.length<6){
                sp[1].innerHTML="<font style='color: red'>密码长度小于6位</font>"
            }else {
                pwdFlag=true;
              //  sp[0].innerHTML="<font>登录成功</font>"

            }
        }
        //注册
        function zhuCe(){
            if(pwdFlag==true && usernameFlag==true){
                alert("注册成功！");
            }else{
                alert("注册失败，请刷新重试");
            }
        }
    </script>
</head>
<body>
用户名：<input type="text" name="username" onchange="judgeUser()"/><span></span><br/>
密码:<input type="password" name="pwd" onchange="judgePwd()"/><span></span><br/>
<input type="button" value="注册" onclick="zhuCe()">
</body>
</html>

沐风Cc

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
javaScript--简单表单验证

javaScript–简单表单验证<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>表单验证</title> <script type="text/javascript"> var usernameFlag=false; var pwdFlag=false
复制链接

扫一扫

专栏目录