JSP中用JavaScript简单客户端验证

最新推荐文章于 2019-04-12 13:48:24 发布

只想离想象更近一点

最新推荐文章于 2019-04-12 13:48:24 发布

阅读量596

点赞数 1

分类专栏： java-web 文章标签： javascript

本文链接：https://blog.csdn.net/GHQLYJ/article/details/76574181

版权

java-web 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

userLogin.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<title>My JSP 'userLogin.jsp' starting page</title>
    <script type="text/javascript">
        function login(){
            var username = document.getElementsByName("username")[0];
            var password = document.getElementsByName("password")[0];
            var gender = document.getElementsByName("gender");
            var xingqu = document.getElementsByName("xq");
            var texts = document.getElementsByName("text")[0];

            if(username.value.length<1 || password.value.length<1){
                alert("用户名或密码不能为空！");
                return false;
            }
            if(username.value.length>6||username.value.length<4){
                alert("用户名的长度是4-6之间！");
                return false;
            }
            if(password.value.length>6||password.value.length<4){
                alert("用户名的长度是4-6之间！");
                return false;
            }
            /* gender[0].checked为勾上的了 */
            if(!gender[0].checked && !gender[1].checked){
                alert("性别必须选一个！");
                return false;
            }
            /* 判断复选框勾选多少个 */
            var n = 0;
            for(var i = 0; i < xingqu.length; i++){
                if(xingqu[i].checked){
                    n ++;
                }
            }
            if(n<1||n>3){
                alert("兴趣选择1到三个之间！");
                return false;
            }
            if(texts.value.length < 1){
                alert("说明不能空！");
                return false;
            }

        }


    </script>
</head>
<body>
    <form onsubmit="return login();">
用户名：<input type = "text" name = "username"><br>
密码：<input type = "password" name = "password"><br>
性别：男<input type = "radio" name = "gender" value = "男">&nbsp;&nbsp;
女<input type = "radio" name = "gender" value = "女"><br>
兴趣：足球<input type = "checkbox" name = "xq" value = "足球">&nbsp;&nbsp;
篮球<input type = "checkbox" name = "xq" value = "篮球">&nbsp;&nbsp;
排球<input type = "checkbox" name = "xq" value = "排球">&nbsp;&nbsp;
羽毛球<input type = "checkbox" name = "xq" value = "羽毛球"><br>
地址：<select name = "select">
    <option value = "茂名">茂名</option>
    <option value = "广州">广州</option>
    <option value = "深圳">深圳</option>
</select><br>
说明：
<textarea name = "text" rows="15" cols="20"></textarea>     <br>
<input type = "submit" value = "提交">&nbsp;&nbsp;&nbsp;<input type = "reset" value = "重置">
    </form>
</body>
</html>

只想离想象更近一点

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JSP中用JavaScript简单客户端验证

userLogin.jsp<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><html><head><title>My JSP 'userLogin.jsp' starting page</title> <script type="text/javascript"> function
复制链接

扫一扫