您的位置：首页 > Web前端 > JavaScript

JSP中用JavaScript简单客户端验证

2017-08-02 12:07 369 查看

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 = "男">  
女<input type = "radio" name = "gender" value = "女"><br>
兴趣：足球<input type = "checkbox" name = "xq" value = "足球">  
篮球<input type = "checkbox" name = "xq" value = "篮球">  
排球<input type = "checkbox" name = "xq" value = "排球">  
羽毛球<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 = "提交">   <input type = "reset" value = "重置">
</form>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript

相关文章推荐

新的分享

章节导航