JavaScript表单最简单验证

最新推荐文章于 2024-07-15 17:15:41 发布

chexijing7210

最新推荐文章于 2024-07-15 17:15:41 发布

阅读量86

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/u/3402290/blog/1525202

版权

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8" />
    <title>登录 - 支付宝</title>
    </head>
<body>
<form action="#" method="get">
    <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>
    <input type="submit" value="注册" name="regit" οnclick=eg.function1()>
</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("账号不能为空");
            return false;
        }
        if (psd1.value==""){
            alert("密码不能为空");
            return false;

        }
        if (psd1.value!=psd2.value){
            alert("输入密码不相同，请正确输入");
            return false;
        }
        return true;
    };
</script>
</body>
</html>

转载于:https://my.oschina.net/u/3402290/blog/1525202