表单元素的验证
表单元素的验证
feifei080366 发表于6个月前
表单元素的验证
  • 发表于 6个月前
  • 阅读 2
  • 收藏 0
  • 点赞 0
  • 评论 0

新睿云服务器60天免费使用,快来体验!>>>   

摘要: 表单元素的验证
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8" />
    <title>test2</title>
    </head>
<body>
<form action="#" method="get" onsubmit="return eg.function1()">
    <input type="hidden" id="num1" name="" value="0">
    <label for="">账号:</label>
    <input type="text" name="username" id="username"> <br>
    <label for="">密码:</label>
    <input type="password" name="password1" id="password1"> <br>
    <label for="">确认密码:</label>
    <input type="password" name="password2" id="password2"> <br>
    <label for="">简介:</label>
    <textarea cols="4" rows="4" id="myTaxtarea"></textarea> <br>
    <input type="submit" value="注册" name="regit" id="regit" >
    <input type="button" value="解锁" name="lock" id="lock" onclick=eg.onlock() style="display=none;">
</form>
<script>
    var eg={};
    eg.$=function(id){
        return document.getElementById(id);
    }
    eg.function1=function () {
        var user=eg.$("username");
        var psd1=eg.$("password1");
        var psd2=eg.$("password2");
        if (user.value==""){
            alert("账号不能为空");
            eg.count1();
            return false;
        }
        if (psd1.value==""){
            alert("密码不能为空");
            eg.count1();
            return false;

        }
        if (psd1.value!=psd2.value){
            alert("输入密码不相同,请正确输入");
            eg.count1();
            return false;
        }
        return true;
    };
    eg.count1=function () {
        var num1=eg.$("num1");
        var count=num1.value;
        num1.value=parseInt(count)+1;
        eg.lock();

    };
    eg.lock=function () {
        var num1=eg.$("num1");
        if (parseInt(num1.value)>2){
            eg.$("regit").disabled=true;
            eg.$("lock").style.display="none";
        }

    }
    eg.onlock=function () {
        eg.$("regit").disabled=false;
        eg.$("lock").style.display="block";
    }
</script>
</body>
</html>
  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 0
博文 8
码字总数 1636
×
feifei080366
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: