jsp表单的客户端验证

最新推荐文章于 2023-06-15 17:29:04 发布
最新推荐文章于 2023-06-15 17:29:04 发布
阅读量2.4k 收藏 4
点赞数 1
分类专栏： java应用开发实验 文章标签： JavaWeb jsp 表单的客户端验证
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hoho_12/article/details/50262527
版权

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

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>


 

hoho_12
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JSP客户端表单验证框架JSValidation
04-07
前面上传一次了的。不好意思！ 就是http://download.csdn.net/source/1183298
jsvalidation 强大而灵活的表单客户端验证框架
02-01
JSValidation是强大灵活的客户端验证框架。在应用服务器或者开发框架不提供验证的情况下，例如，普通的JSP, ASP, PHP等开发，以及一些不提供验证支持的开发框架，如Tapestry, Velocity等，JSValidation提供了一种...
form表单验证、校准
最新发布
and_life的博客
06-15 631
userIdList: [{ type：‘array’ ,required: false, message: '请填写库管员', trigger: 'blur' }],\d)$/g, required: false, message: '请输入正确的邮政编码', trigger: 'blur' }],包含大写字母和 [ 、\ 、] 、^ 、- 、：^[A-Z]*$可以输入汉字：^[\u4e00-\u9fa5]*$可以输入字母（含大小写)：^[A-Za-z]*$不能输入纯空格：^[^\s]+[\s]*.*$
JSP实现表单验证
热门推荐
Luminary的技术烟火
10-20 1万+
JSP实现表单验证第一个体现jsp价值的作业，然而在经历重重问题考验后，Ending 注册表单：register <%-- Created by IntelliJ IDEA. User: Luminary Date: 2017/10/20 Time: 15:23 To change this template use File | Settings | File Templat
JSP表单验证大全
xtfdc2的专栏
12-04 997
js验证表单大全 js验证radio是否选择 function checkform(obj) { for(i=0;i           if(obj.oo[i].checked==true) return true; alert("请选择") return false;         }             1. 长度限制 fun
JSP的基本语法，工作原理和表单登录验证
m0_61857264的博客
03-26 682
目录 工作原理 Web容器处理jsp文件的三个过程 基本语法 1.jsp注释 2.指令 3.声明 4.表达式 5.小脚本 没有谁的幸运会凭空而来，只有足够努力，你才会足够幸运，加油 ——2022.3.26 工作原理 1.用户输入，然后从客户...
jsp表单验证
0bug0warning的博客
10-03 2565
jsp–表单验证 表单验证有两种方式 通过前端js调用onsubmit函数实现。 通过jsp重定向来实现 下面我们来了解一下第二种方式 &amp;amp;lt;%@ page language=&amp;quot;java&amp;quot; contentType=&amp;quot;text/html; charset=UTF-8&amp;quot; pageEncoding=&amp;quot;UTF-8&amp;quot;%&amp
form_login 表单验证 客户端验证
12-08
简单入门的java web 表单验证 结合 博客中相关总结可能更清楚一些
jquery和纯javaScript实现的客户端验证
01-26
分别用jquery和javaScript实现的图片轮换。tab切换，图片上下滚动，表单验证。
JSValidation-----强大而灵活的表单客户端验证框架
07-31
JSValidation是强大灵活的客户端验证框架。在应用服务器或者开发框架不提供验证的情况下，例如，普通的JSP, ASP, PHP等开发，以及一些不提供验证支持的开发框架，如Tapestry, Velocity等，JSValidation提供了一种...
很全面的jsp表单验证
11-08
非常简单的验证集合，可以直接使用，很好的一个例子。
强大的表单验证（客户端）
08-15
客户端的表单验证如： email 电话 用户名 密码 Email : /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/, Phone : /^((\(\d{3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}$/, Mobile : /^((\(\d{3}\))|(\d{3}\-))?13\d{9}$/,
jsp表单验证实例
11-13
这个是一个很好的网页表单验证实例，可以好好学习学习
jsp表单验证汇总
10-24
js验证表单大全js验证radio是否选择 <script language="javascript">function checkform(obj){for(i=0;i<obj.oo.length;i++) if(obj.oo[i].checked==true) return true; alert("请选择")return false; }</script><form id="form1" name="form1" method="post" action="" onsubmit="return checkform(this)"> <input type="radio" name="oo" value="radiobutton" /> <input type="radio" name="oo" value="radiobutton" /> <input type="submit" name="Submit" value="提交" /></form> 1. 长度限制<script>function test() {if(document.a.b.value.length>50){alert("不能超过50个字符！");document.a.b.focus();return false;}}</script><form name=a onsubmit="return test()"><textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea><input type="submit" name="Submit" value="check"></form> 2. 只能是汉字 <input onkeyup="value="/oblog/value.replace(/[^\u4E00-\u9FA5]/g,'')">3." 只能是英文<script language=javascript>function onlyEng(){if(!(event.keyCode>=65&&event.keyCode<=90))event.returnvalue=false;}</script><input onkeydown="onlyEng();">4. 只能是数字<script language=javascript>function onlyNum(){if(!((event.keyCode>=48&&event.keyCode<=57) (event.keyCode>=96&&event.keyCode<=105)))//考虑小键盘上的数字键event.returnvalue=false;}</script><input onkeydown="onlyNum();">5. 只能是英文字符和数字<input onkeyup="value="/oblog/value.replace(/[\W]/g,"'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">6. 验证油箱格式<SCRIPT LANGUAGE=javascript RUNAT=Server>function isEmail(strEmail) {if (strEmail.search(/^\w+((-\w+) (\.\w+))*\@[A-Za-z0-9]+((\. -)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)return true;elsealert("oh");}</SCRIPT><input type=text onblur=isEmail(this.value)>7. 屏蔽关键字(这里屏蔽***和****)<script language="javascript1.2">function test() {if((a.b.value.indexOf ("***") == 0) (a.b.value.indexOf ("****") == 0)){alert("");a.b.focus();return false;}}</script><form name=a onsubmit="return test()"><input type=text name=b><input type="submit" name="Submit" value="check"></form>8. 两次输入密码是否相同<FORM METHOD=POST ACTION=""><input type="password" id="input1"><input type="password" id="input2"><input type="button" value="test" onclick="check()"></FORM><script>function check(){ with(document.all){if(input1.value!=input2.value){alert("false")input1.value = "";input2.value = "";}else document.forms[0].submit();}}</script>够了吧 屏蔽右键 很酷 oncontextmenu="return false" ondragstart="return false" onselectstart="return false"加在body中二2.1 表单项不能为空<script language="javascript"><!--function CheckForm(){ if (document.form.name.value.length == 0) { alert("请输入您姓名!");document.form.name.focus();return false;}return true;}--></script>
表单的验证(在JSP页面中的验证)
09-29
表单的验证(在JSP页面中的验证),很经典,希望大家喜欢
静态网页-新闻登录之表单验证
weixin_61001769的博客
03-26 492
JavaScript代码，定义函数判断 <script type="text/javascript"> var str = "qwertyupasdfghjkzxcvbnmQWERTYUPASDFGHJKLZXCVBNM23456789"; function yz() { //随机出4个0-字符串长度之间的数字 做为下标 yzmStr=""; for(var i=1;i<=4;i++){ yzmStr...
客户端表单校验
Java修炼者的博客
02-28 197
inpuvalidation.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单校验</title> <script type="text/javascript"> fun...
jsp+servlet+javabean+jdbc实现数据库的登录注册验证
06-07
创建一个 JSP 页面，用于显示用户注册和登录的表单，并将表单数据传递给 Servlet 处理。 6. 部署项目 将项目部署到服务器上，并启动服务器。用户就可以通过访问 JSP 页面来注册和登录了。 以上是一个简要的实现...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值