`

form表单的检验

 
阅读更多
从个人经历来看,form表单的检验
1、例子
 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>My JSP 'index.jsp' starting page</title>
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

		<script type="text/javascript">
function checkForm() {
	alert(document.getElementById("selection").value);
	alert(document.forma.selection.value);
	if (document.forma.selection.value=="0")
		window.alert("请选择!");
	return false;
}

</script>
	</head>
	<body>
		<form action="servlet" method="post" name="forma" id="forma" onsubmit="return checkForm()">
			<table>
				<tr>
					<td>
						<select name="selection" id="selection">
							<optgroup label="选择">
								<option value="0">
									---请选择---
								</option>
								<option value="1">
									选择一
								</option>
								<option value="2">
									选择二
								</option>
								<option value="3">
									选择三
								</option>
							</optgroup>
						</select>
					</td>
				</tr>
				<tr>
					<td>
						<input type="submit" value="提交">
					</td>
				</tr>
			</table>
		</form>
	</body>
</html>

这样就可以用javascript来检验表单中各个属性是否符合规范,如果某一填写信息不合要求,表单不会提交

2、例子

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>My JSP 'index.jsp' starting page</title>
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

		<script type="text/javascript">
function doSubmit(){
	alert(document.getElementById("selection").value);
	if(document.forma.selection.value=="0"){
				window.alert("请选择!");
	return false;
	}
}
</script>
	</head>
	<body>
		<form action="servlet" method="post" name="forma" id="forma">
			<table>
				<tr>
					<td>
						<select name="selection" id="selection">
							<optgroup label="选择">
								<option value="0">
									---请选择---
								</option>
								<option value="1">
									选择一
								</option>
								<option value="2">
									选择二
								</option>
								<option value="3">
									选择三
								</option>
							</optgroup>
						</select>
					</td>
				</tr>
				<tr>
					<td>
						<input type="submit" value="提交" onClick="doSubmit()">
					</td>
				</tr>
			</table>
		</form>
	</body>
</html>

这样的验证可以知道哪些信息不和规范,但是表单还是会提交,实际上起不到检验的效果,因此是一种无效的检验,所以,有效的检验时第一种检验方法,第二种方式可以用作如下情况:当一个jsp页面上有多个按钮,点击不同的按钮跳转到不同的页面,可以这么做,先使用javascript跳转到一个action,然后在action指定跳转的jsp文件
分享到:
评论

相关推荐

    vue element el-form多表单验证.txt

    其中 `el-form` 组件用于创建表单,支持多种内置验证规则及自定义验证规则。当表单中的所有字段都验证通过时,整个表单才会被认为是有效的。 #### 二、多表单验证需求分析 在实际项目中,经常会出现一个页面中包含...

    使layui.js form 可主动验证表单是否通过

    使layui.js form 可主动验证表单是否通过。扩展layui下的form.js 。文章链接 https://blog.csdn.net/qq_17837497/article/details/107505486

    AngularJs demo 例子(表单验证) form

    本示例以"AngularJs demo 例子(表单验证)form"为主题,结合bootstrap美化,展示了如何在AngularJS中实现表单验证。 **1. AngularJS 表单基础** 在AngularJS中,表单是由`&lt;form&gt;`标签定义的,可以通过`ngForm`或`...

    没有form表单情况下敲回车键提交表单的js代码.docx

    ### 没有form表单情况下敲回车键提交表单的JS代码 在Web开发中,表单是用户与网站交互的重要方式之一。通常情况下,表单通过`&lt;form&gt;`标签来定义,并且可以通过点击按钮或者按下回车键来提交表单数据。但在某些特殊...

    JavaScript的form表单验证中的身份证校验.pdf

    在进行Web应用程序开发时,表单验证是一项非常重要的功能,它可以确保用户输入的数据格式正确并符合预期的要求。其中,身份证号码验证尤其重要,因为它涉及到个人信息的真实性和合法性。本文将详细介绍如何使用...

    Factory Operate Form工厂运营表单

    3. **采购表单**:采购部门负责原材料和设备的购买,采购表单包括采购订单、供应商评估表、询价单、收货检验报告等,有助于规范采购流程,降低风险,提升供应链效率。 4. **仓储表单**:仓库管理涉及库存控制、出...

    Jquery判断form表单数据是否变化

    本文实例为大家分享了Jquery判断form表单数据是否变化的三大步骤,供大家参考,具体内容如下 1、思路为:修改时点击一行datagrid,并进行页面跳转数据绑定,在提交form时,序列号form表单,并重新获取datagrid选中的...

    微信小程序实现form表单本地储存数据

    微信小程序中实现form表单本地存储数据是一个非常实用的功能,它可以让用户在没有网络的情况下也能填写表单,并且在恢复网络连接后自动将数据提交到服务器。本文将详细介绍如何在微信小程序中实现form表单的本地存储...

    一个验证form表单信息的小工具类

    标题中的“一个验证form表单信息的小工具类”指的是在编程中用于检查用户在HTML表单(form)中输入的数据是否符合预设规则的一种实用工具类。这种工具通常由开发者编写,可以极大地提高Web应用程序的安全性和用户...

    JS动态表单

    5. **表单序列化**:在发送表单数据到服务器前,可能需要将表单数据转换为URL编码的字符串,`serialize()`函数可以完成这个任务,对于jQuery用户,可以使用`$('form').serialize()`。 6. **响应式设计**:随着移动...

    登录表单界面样式大全

    通过HTML5的新特性,如`&lt;form&gt;`标签、`&lt;input type="email"&gt;`等,可以创建更语义化的表单。 8. **实例参考**: - “xw素材.htm”和“index2.html”到“index5.html”可能是各种登录界面的实例,供开发者参考和学习...

    jQuery实现form表单序列化转换为json对象功能示例

    总结来说,jQuery的`serializeJson()`扩展方法提供了一种高效且易于使用的解决方案,帮助开发者快速将form表单数据转换为JSON对象,简化了前端开发中处理表单数据的过程。这对于使用Ajax提交表单或者需要在前后端...

    js注册表单错误输入框红色圆角提示效果

    在这个案例中,当用户在注册表单中输入错误信息时,JavaScript会检测到这些错误,并对相应输入框进行高亮显示,通常以红色边框或背景色来突出。 描述中提到的"圆形渐隐渐现效果"可能是指在火狐浏览器中,当错误出现...

    解决antd Form 表单校验方法无响应的问题

    antd 的 表单校验方法包括 validateFields 和 validateFieldsAndScroll 里面可以接收校验字段数组, options, 和一个回调函数 from.validateFields([name, age], {}, (err, val)=&gt; {}) 校验全部表单数据 from....

    如何防止INPUT按回车自动提交表单FORM

    通过JavaScript为`&lt;input&gt;`元素添加`onkeydown`事件,监听键盘事件,当检测到回车键(键码13)被按下时,返回`false`阻止表单提交。 ```html &lt;!doctype html&gt; &lt;title&gt;test &lt;form action=...

    FormValidation.js

    `FormValidation.js` 支持这种场景,能实时检测并验证新添加的元素。 ### 2. **安装与引入** 在项目中使用 `FormValidation.js`,首先需要将其下载或通过npm、yarn等包管理器进行安装。然后在HTML文件中引入库文件...

    Jquery表单检验

    **jQuery 表单验证** jQuery 是一款广泛使用的 JavaScript 库,它简化了DOM操作、事件处理和动画制作等任务。在网页开发中,表单验证是必不可少的一部分,用于确保用户输入的数据符合预设的规则,比如邮箱格式、...

    javascript 表单验证禁止输入中文汉字

    在网页开发中,表单验证是一项非常重要的任务,它确保用户输入的数据符合预期的格式,以提高数据质量并减少服务器端的压力。JavaScript 是一种常用的客户端脚本语言,它可以直接在用户的浏览器上运行,用于实现表单...

    react-Formik一种简单优雅的方式来处理React中的表单

    - **状态管理**: Formik自动管理表单的初始值、脏值检测、错误信息和提交状态。 - **验证**: 提供了自定义验证函数,可以在字段变更时实时验证输入。 - **表单提交**: 简化了表单提交过程,包括处理提交事件、调用...

Global site tag (gtag.js) - Google Analytics