JSP中用JavaScript简单客户端验证

来源：互联网发布：淘宝一元拍卖骗局编辑：程序博客网时间：2024/06/06 10:00
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>
阅读全文
0 0