jsp表单的客户端验证

最新推荐文章于 2018-10-06 15:34:31 发布

hoho_12

最新推荐文章于 2018-10-06 15:34:31 发布

阅读量2.5k

点赞数 1

分类专栏： java应用开发实验文章标签： JavaWeb jsp 表单的客户端验证

本文链接：https://blog.csdn.net/hoho_12/article/details/50262527

版权

java应用开发实验专栏收录该内容

16 篇文章 4 订阅

订阅专栏

当浏览者点击提交按钮时，表明浏览者已经填写完了这个表单，在一般情况下，服务器都需要对客户端提交的数据进行验证，判别其中的数据格式是否正确、填写是否完整、数字是否越界等。

1、检查用户输入信息长度

<body>
<script type="text/javascript">
function checklength(){
	if(document.myform.username.value.length<3 ||
		document.myform.username.value.length>10){		
	alert("用户名长度必须在3位到10位之间");
	return false;
	}
	return true;
}
</script>
<form action="02.jsp" name="myform" OnSubmit="return checklength();">
	<input name="username" type="text">
	<input type="submit" value=submit>
</form>
</body>

2、限定字符串类型

<body>
<script type="text/javascript">
function checktype(){
	email=document.myform.email.value;
	year=document.myform.year.value;
	if(email.length==""||(email.indexOf('@')==-1||email.indexOf('.')==-1)){		
	alert("电子邮件填写不正确");
	return false;
	}
	if(year.length!=4||isNaN(year)){
		alert("年份填写不正确");
		return false;
	}
	return true;
}
</script>
<form action="03.jsp" name="myform" OnSubmit="return checktype();">
	<input name="email" type="text">
	<input name="year" type="text">
	<input type="submit" value=submit>
</form>
</body>

3、限定数字的范围

<body>
<script type="text/javascript">
function checkrange(){
	year=document.myform.year.value;	
	if(year.length!=4||isNaN(year)||parseInt(year)<1900
		||parseInt(year)>2000){
		alert("年份填写不正确");
		return false;
	}
	return true;
}
</script>
<form action="04.jsp" name="myform" OnSubmit="return checkrange();">	
	<input name="year" type="text">
	<input type="submit" value=submit>
</form>
</body>