从个人经历来看，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文件
分享到：
相关推荐
其中 `el-form` 组件用于创建表单，支持多种内置验证规则及自定义验证规则。当表单中的所有字段都验证通过时，整个表单才会被认为是有效的。 #### 二、多表单验证需求分析 在实际项目中，经常会出现一个页面中包含...
使layui.js form 可主动验证表单是否通过。扩展layui下的form.js 。文章链接 https://blog.csdn.net/qq_17837497/article/details/107505486
本示例以"AngularJs demo 例子（表单验证）form"为主题，结合bootstrap美化，展示了如何在AngularJS中实现表单验证。 **1. AngularJS 表单基础** 在AngularJS中，表单是由`<form>`标签定义的，可以通过`ngForm`或`...
### 没有form表单情况下敲回车键提交表单的JS代码 在Web开发中，表单是用户与网站交互的重要方式之一。通常情况下，表单通过`<form>`标签来定义，并且可以通过点击按钮或者按下回车键来提交表单数据。但在某些特殊...
在进行Web应用程序开发时，表单验证是一项非常重要的功能，它可以确保用户输入的数据格式正确并符合预期的要求。其中，身份证号码验证尤其重要，因为它涉及到个人信息的真实性和合法性。本文将详细介绍如何使用...
3. **采购表单**：采购部门负责原材料和设备的购买，采购表单包括采购订单、供应商评估表、询价单、收货检验报告等，有助于规范采购流程，降低风险，提升供应链效率。 4. **仓储表单**：仓库管理涉及库存控制、出...
本文实例为大家分享了Jquery判断form表单数据是否变化的三大步骤，供大家参考，具体内容如下 1、思路为：修改时点击一行datagrid，并进行页面跳转数据绑定，在提交form时，序列号form表单，并重新获取datagrid选中的...
标题中的“一个验证form表单信息的小工具类”指的是在编程中用于检查用户在HTML表单（form）中输入的数据是否符合预设规则的一种实用工具类。这种工具通常由开发者编写，可以极大地提高Web应用程序的安全性和用户...
在网页开发中，表单验证是一项至关重要的任务，它确保用户输入的数据符合预期的格式，从而提高用户体验并减少服务器端的处理负担。正则表达式是实现这一目标的强大工具，它可以用来定义和检查数据模式。以下是一些...
5. **表单序列化**：在发送表单数据到服务器前，可能需要将表单数据转换为URL编码的字符串，`serialize()`函数可以完成这个任务，对于jQuery用户，可以使用`$('form').serialize()`。 6. **响应式设计**：随着移动...
通过HTML5的新特性，如`<form>`标签、`<input type="email">`等，可以创建更语义化的表单。 8. **实例参考**： - “xw素材.htm”和“index2.html”到“index5.html”可能是各种登录界面的实例，供开发者参考和学习...
antd 的 表单校验方法包括 validateFields 和 validateFieldsAndScroll 里面可以接收校验字段数组, options, 和一个回调函数 from.validateFields([name, age], {}, (err, val)=> {}) 校验全部表单数据 from....
总结来说，jQuery的`serializeJson()`扩展方法提供了一种高效且易于使用的解决方案，帮助开发者快速将form表单数据转换为JSON对象，简化了前端开发中处理表单数据的过程。这对于使用Ajax提交表单或者需要在前后端...
在这个案例中，当用户在注册表单中输入错误信息时，JavaScript会检测到这些错误，并对相应输入框进行高亮显示，通常以红色边框或背景色来突出。 描述中提到的"圆形渐隐渐现效果"可能是指在火狐浏览器中，当错误出现...
通过JavaScript为`<input>`元素添加`onkeydown`事件，监听键盘事件，当检测到回车键（键码13）被按下时，返回`false`阻止表单提交。 ```html <!doctype html> <title>test <form action=...
微信小程序中实现form表单本地存储数据是一个非常实用的功能，它可以让用户在没有网络的情况下也能填写表单，并且在恢复网络连接后自动将数据提交到服务器。本文将详细介绍如何在微信小程序中实现form表单的本地存储...
`FormValidation.js` 支持这种场景，能实时检测并验证新添加的元素。 ### 2. **安装与引入** 在项目中使用 `FormValidation.js`，首先需要将其下载或通过npm、yarn等包管理器进行安装。然后在HTML文件中引入库文件...
**jQuery 表单验证** jQuery 是一款广泛使用的 JavaScript 库，它简化了DOM操作、事件处理和动画制作等任务。在网页开发中，表单验证是必不可少的一部分，用于确保用户输入的数据符合预设的规则，比如邮箱格式、...
在网页开发中，表单验证是一项非常重要的任务，它确保用户输入的数据符合预期的格式，以提高数据质量并减少服务器端的压力。JavaScript 是一种常用的客户端脚本语言，它可以直接在用户的浏览器上运行，用于实现表单...
2. 当检测到数据变化时，如果用户尝试离开当前页面，提示用户是否保存数据。 3. 根据用户的选择决定是否允许用户离开。 ### 使用Quasar Framework Quasar是一个基于Vue.js的框架，它提供了丰富的UI组件。使用...