表单验证

form表单是一个基础的表单控件，最近做扫码登陆使用到，在这里记录一下 <form action="url" method="get" target="_blank"></form> 1.action 提交表单的url地址 2.enctype 对表单数据进行编码（发送表单数据之前） 2.1.application/x-www-form-urlencoded 对所有数据二进制编码 2.2.multipart/form-data 不对数据进行编码，表单中 文件上传 ，必须使用这个 2.3.text/plain 将空格“ ”变为“+” 3.method 发送的方式 类似于ajax的type用法 4.name 表单的名字 5.target 属性规定在何处打开 action的URL，不设置的话会在本页面直接打开url （类似a标签） _blank 在新窗口中打开。 _self 默认 。在本页面框架中打开。 _parent 在父框架集中打开。 _top 在整个窗口中打开。 framename 在指定的框架中打开。 （在 HTML 4.01 中，不赞成使用 form 元素的 target 属性；在 XHTML 1.0 Strict DTD 中， 不支持 该属性） H5新加属性： 6.autocomplete 提示功能 用于input类型 有兼容性 6.1 on 启用 6.2 off 禁用 7

<pre> input属性： placeholder:输入框的默认值，向用户显示描述性说明文字或者提示信息 autocomplete：值为on和off。。on则代表当该字段填写并提交后再返回该页，再输入时会显示以前输入的。off则是关闭，包含用户输入数据的安全。默认为on autofocus：页面载入时设置某个input自动获取焦点，注意该页面只能设置一个input的这个属性，设置多个相当于没有设置。 list特性和datalist：通过list为某个输入框增加下拉列表。。相当于js实现的“自动完成”功能，但是不能进行模糊查询 如果datalist内有2项值："a34343"和"并24234",用户希望的是输入了3后这2个值都出现，但实际上一个也不出现。 它要求是完全匹配，比如输入a，则下拉a34343出现，接着输入4，那么这个下拉值也就没有了。 required：表单提交前该元素必须填写，即不能为空。不建议使用，因为提示信息‘请填写此字段’，除非有属性可以代替该提示信息。 pattern：给input标签内写正则的地方。。type为email或url的输入控件内置相关正则表达式，如果value不符合其正则表达式，那表单将通不过验证，无法提交。。 不建议给type为email或url的元素使用，因为提示信息固定,正则固定。。还不如js直接重写。 一些输入设置：

HTML <script> 标签 <script> 标签用于定义客户端脚本，比如 JavaScript。JavaScript 使 HTML 页面具有更强的动态和交互性。 <script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。 JavaScript 最常用于图片操作、表单验证以及内容动态更新。 最简单的 < script > document . write ( " Hello World! " ) ; </ script > 输出“HelloWorld” 来源： https://www.cnblogs.com/ztdf123/p/10951623.html

三、View如何从Aciton取得数据 从Action取得数据，在ASP.NET MVC可区分成两种方式，一种是“使用弱类型取得数据”，另一种则是“使用强类型取得数据”，两者的差别在于View页面最上方声明的方式。 如果View页面使用弱类型接收来自Controller的数据，在View页面里完全不需要有任何声明，数据可以从ViewData、ViewBag或TempData取得，在页面中也可以通过@Model属性，取得从Action传来的ViewData.Model数据模型，但@Model数据模型的类型将会是object，所以算是弱类型的传值方式。 如果View页面使用强类型方式接收来自Controller的数据，那么，必须在View页面的第一行使用@model关键字引入一个View页面专用的数据模型类型参考。 使用这种方式有助于提升View的开发效率，因为可以使用Visual Studio 2012的Intellisense提示功能。 1.使用弱类型模型取得数据 2.使用强类型模型取得数据 四、HTML辅助方法 顾名思义，HTML辅助方法（HTML Helper）就是用来辅助产生HTML只用，在开发View的时候一定会面对许多HTML标签，处理这些HTML的工作非常繁琐，为了降低View的复杂度，可以使用HTML辅助方法帮助你产生一些HTML标签或内容

创建一个JavaScript表单验证插件，可以说是一个繁琐的过程，涉及到初期设计、开发与测试等等环节。实际上一个优秀的程序员不仅是技术高手，也应该是善假于外物的。本文介绍了10个不错的JavaScript表单验证插件，使用它们完全可以节省你的时间！希望你喜欢。 1. validate.js Validate.js是一个非常不错的JavaScript表单验证库，源于CodeIgniter API。该库相当轻巧（不到1KB），不要求任何JavaScript框架，可以在所有主流浏览器中运行（包括IE 6）。 2. Zebra Form Zebra_Form是一个免费的PHP库，它能够很好地处理表单验证。你只需使用少量的PHP代码即可设计一个安全、别致的表单。Zebra_Form在前端集成了jQuery，用以显示警告及错误提示。 3. jFormer jFormer是一个基于jQuery的表单框架，允许你生成漂亮、兼容标准的表单。功能包括：客户端验证；服务器端验证；Ajax提交；可通过CSS定制外观；验证码支持；通用表单模板等。 4. jQuery.validVal jQuery.validVal插件旨在简化表单验证功能。此插件可用于任意的HTML表单（包括Ajax异步加载的），通过定义各种验证规则实现表单的验证功能。 5. Validity

在 前一篇 文章中，我介绍了ASP.NET Identity 基本API的运用并创建了若干用户账号。那么在本篇文章中，我将继续ASP.NET Identity 之旅，向您展示如何运用ASP.NET Identity 进行身份验证（Authentication）以及联合ASP.NET MVC 基于角色的授权（Role-Based Authorization）。 本文的示例，你可以在此下载和预览： 点此进行预览 点此下载示例代码 探索身份验证与授权 在这一小节中，我将阐述和证明ASP.NET 身份验证和授权的工作原理和运行机制，然后介绍怎样使用Katana Middleware 和 ASP.NET Identity 进行身份验证。 1. 理解ASP.NET 表单身份验证与授权机制 谈到身份验证，我们接触的最多的可能就是表单身份验证（Form-based Authentication）。为了更好的去理解ASP.NET 表单身份验证与授权机制，我搬出几年前的一张旧图，表示HttpApplication 19个事件，它们分别在HttpModule 中被注册，这又被称为ASP.NET 管道（Pipeline）事件。通俗的讲，当请求到达服务器时，ASP.NET 运行时会依次触发这些事件： 身份验证故名思义，验证的是用户提供的凭据（Credentials）。一旦验证通过

前言 这个教程介绍了Thymeleaf与Spring框架的集成，特别是SpringMvc框架。 注意Thymeleaf支持同Spring框架的3. 和4. 版本的集成，但是这两个版本的支持是封装在thymeleaf-spring3和thymeleaf-spring4这两个独立的库中，项目中需要根据实际情况分别引用。 样例代码针对的是spring4. ，但一般情况下，spring3. 也可以无缝使用，所需要的仅仅是改变一下引用库。 1 Thymeleaf同Spring的整合 Thymeleaf与Spring进行整合后，可以在SpringMVC应用中完全替代JSP文件。 集成后你将： 就像控制JSP一样，使用SpringMvc的@Controller注解来映射Thymeleaf的模板文件。 在模板中使用SpringEL表达式来替换OGNL 在模板中创建的表单，完全支持Beans和结果的绑定，包括使用PropertyEditor，转换，和验证等。 可以通过Spring来管理国际化文件显示国际化信息。 注意，在使用本教程之前，您应该充分了解Thymeleaf的标准方言。 2 Spring标准方言 为了更加方便，更快捷的集成，Thymeleaf提供了一套能够与Spring正确工作的特有方言。 这套方言基于Thymeleaf标准方言实现，它在类org.thymeleaf.spring

先来个图先： 验证单/多选按钮组还没有完善。可验证的类型有：必填、中文、英文、数字、整数、实数、邮箱、基于HTTP协议的网址格式、电话号码格式、手机号码格式、货币格式、邮政编码、身份证号码、QQ号码、安全密码、重复输入、关系比较、输入范围、限制输入长度、限制输入的字节长度、自定义正则表达式验证。功能上基本参照于我佛山人的表单验证。完善版本请等待。 DEMO下载 有兄弟可能会问上图中什么都没填杂个会通过验证：其中有一个参数： require =" true | false "用于设定表单项的验证方式。当值为 false 时表单项不是必填项，但当有填写时，仍然要执行 dataType 属性所设定的验证方法，值为 true 或任何非 false 字符时可省略此属性。 来源： https://www.cnblogs.com/esoft/archive/2008/09/05/1285238.html

解决表单提交的数据丢失问题： 一、问题描述： 　　当我们在给前台页面设置修改功能的时候，因为有些信息是不允许进行修改的，所以在修改表单中没有相应的修改输入框，但是在修改表单的数据提交的时候，那些不允许修改的信息在数据库中却不见了。 二、原因分析： 提交表单的时候，因为在表单中没有那些不允许修改的信息相对应的数据，所以在执行SQL修改语句的时候，这些信息就被默认的null值替换了，相当于这些信息被修改为了null值（我的Dao层实现类是通过 SpringDataJpa 自动生成的）。 三、解决方案： 方案一： 在修改表单中添加那些不允许修改信息的隐藏输入框。 优点： 容易理解。 缺点： 如果不允许修改的信息太多，代码量会比较大，另外这种方案的安全性确实是有一些低！ 适用场景： 字段较少的时候可取 。 方案二： 在domain实体类的不许修改的字段上加上@Column(updatable = false)这个标签。 优点： 比较简单。 缺点： 当真正需要对这些信息进行修改的时候就无法修改。 适用场景： 永久不需要对该字段进行修改 。 方案三： 使用SpringMVC专门为我们提供的数据丢失解决方案（使 @ModelAttribute 注解）【推荐使用】 优点： 当不能修改的信息较多时，减少代码量， 更为安全 。 缺点： 较难理解。 操作： 1、先在前台添加一个请求参数： obj.

1. 长度限制 <script> function test() { if(document.a.b.value.length>50) { alert("不能超过50个字符！"); document.a.b.focus(); return false; } } </script> <form name=a onsubmit="return test()"> <textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea> <input type="submit" name="Submit" value="check"> </form> 2. 只能是汉字 <input onkeyup="value="/oblog/value.replace(/[^/u4E00-/u9FA5]/g,'')"> 3." 只能是英文 <script language=javascript> function onlyEng() { if(!(event.keyCode>=65&&event.keyCode<=90)) event.returnvalue=false; } </script> <input onkeydown="onlyEng();"> 4. 只能是数字 <script language=javascript> function