使用JavaScript实现客户端与服务器验证

最新推荐文章于 2020-10-09 21:47:43 发布

_永Ho

最新推荐文章于 2020-10-09 21:47:43 发布

阅读量926

点赞数

分类专栏： Java Web学习笔记

本文链接：https://blog.csdn.net/youngsblog/article/details/19937571

版权

Java Web学习笔记专栏收录该内容

13 篇文章 0 订阅

订阅专栏

直接上码：

<html>

<head>

function validate()

{

var username = document.getElementById("usernameid");

var password = document.getElementById("passwordid");

var repassword = document.getElementById("repasswordid");

(or) var username = docment.getElementsByName("username")[0];

(or) var password = document.getElementsByName("password")[0];

(or) var repassword = document.getElementsByName("repassword")[0];

// 利用Javascript获取输入框的内容并编写判断方法，红色部分为JavaScript的实现内容

dosomething();

return true/false;

}

</script>

</head>

<body>

<form onsubmit = "return validate()">//在提交的时候触发事件

username:<input type = "text" name = "username" id = "usernameid"><br>

password:<input type = "password" name = "password" id = "passwordid"><br>

repassword:<input type = "password" name = "repassword" id = "repassword"><br>

</form>

</body>

</html>

<html>
    <head>
        <script type = "text/javascript">
            function validate()
            {
                var username = document.getElementById("usernameid");
                var password = document.getElementById("passwordid");
                var repassword = document.getElementById("repasswordid");
                (or) var username = docment.getElementsByName("username")[0];
                (or) var password = document.getElementsByName("password")[0];
                (or) var repassword = document.getElementsByName("repassword")[0];
                // 利用Javascript获取输入框的内容并编写判断方法，此部分为JavaScript的实现内容

                dosomething();
                return true/false;
            }
        </script>
    </head>

    <body>
        <form onsubmit = "return validate()">//在提交的时候触发事件
            username:<input type = "text" name = "username" id = "usernameid"><br>
            password:<input type = "password" name = "password" id = "passwordid"><br>
            repassword:<input type = "password" name = "repassword" id = "repassword"><br>
            <input type = "submit" value = "sumbit">
        </form>
    </body>
</html>