从个人经历来看,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文件
分享到:
相关推荐
在一个jsp页面中,定义了一个用户登录界面(以form表单定义),但要达到检验输入的信息的合法性,就需要对输入的用户信息作判断,那么自然就需要取出其中的值。有的页面可以用action传参来得到form中输入的信息值,...
使layui.js form 可主动验证表单是否通过。扩展layui下的form.js 。文章链接 https://blog.csdn.net/qq_17837497/article/details/107505486
在使用element-ui,想要多个表单同时验证时,可以使用promise的方法进行异步验证取得结果后再进行操作
漂亮大气的bootstrap表单,angularJs表单验证 ,是angularJs入门很好的例子
antd 的 表单校验方法包括 validateFields 和 validateFieldsAndScroll 里面可以接收校验字段数组, options, 和一个回调函数 from.validateFields([name, age], {}, (err, val)=> {}) 校验全部表单数据 from....
本文实例为大家分享了Jquery判断form表单数据是否变化的三大步骤,供大家参考,具体内容如下 1、思路为:修改时点击一行datagrid,并进行页面跳转数据绑定,在提交form时,序列号form表单,并重新获取datagrid选中的...
内有数字、匹配字母或数字或下划线或汉字 、匹配数字、一种是三位区号,8位本地号(如010-12345678)、IP地址、手机号
<form name="formname" onSubmit="return validateForm(this)"></form> 将对表单中的所有以下类型的域依次验证,所有验证是去除了前导和后缀空格的,要注意是区分大小写的。 2、空值验证 表单中任意域加上...
js表单验证控制代码大全 /* 目录: 1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能输入汉字 3:js判断是否输入英文、只能输入英文 4:js只能...
Form Of Notifications一款来自国外的 jquery Ajax表单输入检测验证一例,如果输入有错误当即给出提示,表单并不能提交,体升用户体验的好方法,Ajax一定要学习一下哦,jQuery是实现Ajax的快速平台,有必要掌握哦。
formId: "formId", // form 表单 id ifAjax: true, // 是否使用ajax 提交 true/false/ 跨域ajax jsonp realTime: true, // 实时 onblur 校验 true/false ifLayer: true, // 是否 使用 layer true/false ifImg: ...
这是学习前端JQuery过程中的一个案例,表单校验,简单的完成了form中对用户名,密码,确认密码,邮箱,同意协议等几方面的校验,简单的还原了注册网站的逻辑.
if ((contain(document.form.NAME.value, "%\(\)>)) || (contain(document.form.MESSAGE.value, "%\(\)>))) { alert("输入了非法字符"); document.form.NAME.focus(); return false; } return true; } //--...
前言 开发过程中遇到了一个需求,根据用户选择的联系方式...1.elementui的form表单实现校验的时候要给当前el-form-item加上prop属性,因为我们是遍历生成的表单,那我们的写法就要写成: 重点在prop属性 <template v-
有的时候,需要检查用户是否修改了一个表单中的内容,则可以使用下面的技巧,其中如果修改了表单的内容则返回true,没修改表单的内容则返回false。代码如下: 代码如下: function formIsDirty(form) { for (var i = ...
novalidate 表单form配合后期检测的 ng-model 实现双数据绑定 ng-show 根据一定的逻辑实现显示 ng-cloak 绑定在节点上,防止节点渲染,angular指令闪烁 ng-class class类名根据你的逻辑,出现 n
本文实例讲述了js实现表单检测及表单提示的方法。分享给大家供大家参考。具体如下: 这是个实用的表单判断以及表单提示效果,如果点击需要输入文字的时候,提示就会跑出来,提示框的形状比较个性化,有一个三角符号...
React Form setup develop environment ...getValues(force) 获取目前的 values 和 pass(是否通过检测)。 参数: force Boolean: 强制校验或不校验,undefined 时则忽略此配置。 resetValues() 重置所有的 FormF
‘************************************* ‘检测是否只包含英文和数字 ‘************************************* Function IsvalidValue(ArrayN, Str) IsvalidValue = False Dim GName For Each GName in ArrayN If...
表单验证为终端用户检测无效的数据并标记这些错误,是一种用户体验的优化。 下面展现浏览器自带的验证功能也可在移动端中查看: HTML部分: <!DOCTYPE html> <html lang="en"> <head> <meta ...