从个人经历来看,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表单本地存储数据是一个非常实用的功能,它可以让用户在没有网络的情况下也能填写表单,并且在恢复网络连接后自动将数据提交到服务器。本文将详细介绍如何在微信小程序中实现form表单的本地存储...
标题中的“一个验证form表单信息的小工具类”指的是在编程中用于检查用户在HTML表单(form)中输入的数据是否符合预设规则的一种实用工具类。这种工具通常由开发者编写,可以极大地提高Web应用程序的安全性和用户...
5. **表单序列化**:在发送表单数据到服务器前,可能需要将表单数据转换为URL编码的字符串,`serialize()`函数可以完成这个任务,对于jQuery用户,可以使用`$('form').serialize()`。 6. **响应式设计**:随着移动...
通过HTML5的新特性,如`<form>`标签、`<input type="email">`等,可以创建更语义化的表单。 8. **实例参考**: - “xw素材.htm”和“index2.html”到“index5.html”可能是各种登录界面的实例,供开发者参考和学习...
总结来说,jQuery的`serializeJson()`扩展方法提供了一种高效且易于使用的解决方案,帮助开发者快速将form表单数据转换为JSON对象,简化了前端开发中处理表单数据的过程。这对于使用Ajax提交表单或者需要在前后端...
在这个案例中,当用户在注册表单中输入错误信息时,JavaScript会检测到这些错误,并对相应输入框进行高亮显示,通常以红色边框或背景色来突出。 描述中提到的"圆形渐隐渐现效果"可能是指在火狐浏览器中,当错误出现...
antd 的 表单校验方法包括 validateFields 和 validateFieldsAndScroll 里面可以接收校验字段数组, options, 和一个回调函数 from.validateFields([name, age], {}, (err, val)=> {}) 校验全部表单数据 from....
通过JavaScript为`<input>`元素添加`onkeydown`事件,监听键盘事件,当检测到回车键(键码13)被按下时,返回`false`阻止表单提交。 ```html <!doctype html> <title>test <form action=...
`FormValidation.js` 支持这种场景,能实时检测并验证新添加的元素。 ### 2. **安装与引入** 在项目中使用 `FormValidation.js`,首先需要将其下载或通过npm、yarn等包管理器进行安装。然后在HTML文件中引入库文件...
**jQuery 表单验证** jQuery 是一款广泛使用的 JavaScript 库,它简化了DOM操作、事件处理和动画制作等任务。在网页开发中,表单验证是必不可少的一部分,用于确保用户输入的数据符合预设的规则,比如邮箱格式、...
在网页开发中,表单验证是一项非常重要的任务,它确保用户输入的数据符合预期的格式,以提高数据质量并减少服务器端的压力。JavaScript 是一种常用的客户端脚本语言,它可以直接在用户的浏览器上运行,用于实现表单...
- **状态管理**: Formik自动管理表单的初始值、脏值检测、错误信息和提交状态。 - **验证**: 提供了自定义验证函数,可以在字段变更时实时验证输入。 - **表单提交**: 简化了表单提交过程,包括处理提交事件、调用...