表单验证一些思考

  表单验证可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。  

  最近在开发过程中遇到一些表单验证的问题,整理一下,权当抛砖引玉分享给大家。

1.请求问题:

  表单验证需要http请求协议

http请求协议包括get和post常用的两种,如何区分呢?

 get请求是在请求行的URI上面提交数据,而URI最终会显示到浏览器地址栏上。

get请求的设计目的是用户发送同一个请求路径的时候,不在从服务器上获取资源,直接从浏览器缓存中拿该
资源,提高用户的体验。因此get请求设计为支持缓存。
post请求“主要的目的”是向服务器提交数据。post请求不会被浏览器缓存起来。默认是不支持,由于get请求应用比较广泛,我们先了解一下post请求应用场景:

提交的信息中含有敏感信息的时候,
- 提交的数据量超大,
- 提交的是流媒体(文件、视频、声音、图片....)数据,
- 发送请求的主要目的是:向服务器传送数据的,

表单验证的时候使用的是ajax异步请求,ajax异步请求是需要执行servlet,并且连接数据库的,这可能会导致网络延迟,
当验证还没有响应json的时候,前端的span标签中不会显示错误信息,此时表单提交的时候会认为所有表单项都是合法的,
会提交表单数据。

针对于以上这种情况,在实际的开发过程中,表单项一旦涉及到ajax验证的话,ajax这个请求需要使用同步AJAX。

原文地址:https://www.cnblogs.com/kosinggit/p/9269974.html

时间: 2024-10-08 07:08:15

表单验证一些思考的相关文章

python :表单验证--对每一个输入框进行验证

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta charset="UTF-8"/> <title>Title</title> <style> .error{ color

jquery插件,表单验证validation plugin的使用

笔记: 一.首先引入插件 <script type="text/javascript" src="js/jquery-1.10.0.js" ></script> <script type="text/javascript" src="js/jquery.validate-1.13.1.js" ></script> 列子:一个简单的登录表单验证 1 <form id=&quo

AngularJs 表单验证

看到一些博客说这个框架要过时了,但是还是学习了下,觉的很方便的一个框架,有空的同学可以看看,适合我们入门看,比较基础. 对于日常的开发来说,最常见的开发场景就是通过表单编辑数据,这里涉及的问题就是验证问题. angularjs 内置已经支持了常见的验证方式,可以轻松实现表单验证. 1. 绑定 为了方便,我们在 $scope 上下文对象上创建一个 model 来表示我们编辑的内容. $scope.model = { id : 8, name: "alice", email: "

表单验证&amp;lt;AngularJs&amp;gt;

经常使用的表单验证指令 1. 必填项验证 某个表单输入是否已填写,仅仅要在输入字段元素上加入HTML5标记required就可以: <input type="text" required />   2. 最小长度 验证表单输入的文本长度是否大于某个最小值,在输入字段上使用指令ng-minleng= "{number}": <input type="text" ng-minlength="5" /> 3.

AngularJS复习------表单验证

在AngularJS中能够将HTML5表单验证功能同自己的验证指令结合起来使用,这里介绍使用的核心功能. 使用表单验证,首先要确保表单的每个控件都有name属性 如果想要屏蔽浏览器对表单的默认验证行为,可以在表单元素上添加novalidate标记. 必填项:只需要在输入字段元素上添加HTML5标记 required即可 最小长度:在输入字段上使用AngularJS指令ng-minlength="{number}" 最大长度:在输入字段上使用AngularJS指令ng-maxlength

java 表单验证

1.思路:通过表单选择器,表单属性过滤器提取每个表单提交的值,进行验证 2.实现:javascript通过 onSubmit()事件,判断,返回值false不提交,返回true提交,jquery通过submit()事件 3.表单验证常用的方法和事件 a:事件 onblur 失去焦点, onfocus获得焦点 b:方法 blur() 移开焦点触发方法参数 focus() 在文本域中设置焦点 触发方法参数 select()选取文本域中的内容触发方法参数 4.正则表达式: a:定义 var reg =

struts2官方 中文教程 系列十一:使用XML进行表单验证

在本教程中,我们将讨论如何使用Struts 2的XML验证方法来验证表单字段中用户的输入.在前面的教程中,我们讨论了在Action类中使用validate方法验证用户的输入.使用单独的XML验证文件让您可以内置到Struts 2框架的验证器. 贴个本帖的地址,以免被爬:struts2官方 中文教程 系列十一:使用XML进行表单验证  即 http://www.cnblogs.com/linghaoxinpian/p/6938720.html 下载本章节代码 为了使用户能够编辑存储在Person对

angularjs中的表单验证

angular对html原生的form做了封装,增加了很多验证功能 1.代码结构 <form name="signup_form" novalidate ng-submit="signupForm()"> <div> <label>用户名</label> <input type="text" placeholder="Name" name="name"

第一篇,js表单验证模板

下面是对于一个email的表单验证的基本模板<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <style type="text/css" > .init{ border: 1px solid black; font-weight: bold; } .right{ border: 1px solid green; f